Skip to content

Accessibility Features

Quill Medical is designed to be accessible to all users, regardless of ability or the devices they use. This page describes the accessibility features and inclusive design principles built into the frontend.

Note: This document describes accessibility design goals. While Mantine UI components provide a solid accessible foundation, full WCAG 2.1 Level AA compliance and all features described below are ongoing implementation goals.

Core Accessibility Principles

Universal Design

Our approach

  • Design for everyone from the start
  • Accommodate diverse abilities and preferences
  • Provide multiple ways to complete tasks
  • Make content perceivable, operable, and understandable

Standards Compliance

Guidelines we follow

  • WCAG 2.1 (Web Content Accessibility Guidelines) Level AA
  • ARIA (Accessible Rich Internet Applications) standards
  • Section 508 compliance for government use
  • EN 301 549 European accessibility standard

Visual Accessibility

Screen Reader Support

Compatible with

  • JAWS (Windows)
  • NVDA (Windows)
  • VoiceOver (macOS, iOS)
  • TalkBack (Android)
  • Narrator (Windows)

Features

  • Semantic HTML structure
  • ARIA labels for interactive elements
  • Descriptive link text
  • Form field labels and hints
  • Status updates announced
  • Navigation landmarks

How to use

Enable your screen reader and navigate the application normally. All content and functionality is available via screen reader.

Keyboard Navigation

Full keyboard support

  • Tab through all interactive elements
  • Enter/Space to activate buttons and links
  • Arrow keys for menu navigation
  • Escape to close modals and menus
  • Focus visible on all elements

Shortcuts

Common keyboard shortcuts work as expected

  • Ctrl/Cmd + F: Search
  • Ctrl/Cmd + Enter: Submit forms
  • Escape: Cancel/Close
  • Tab/Shift + Tab: Navigate forward/backward

Color Contrast

Standards met

  • Minimum 4.5:1 contrast ratio for normal text
  • Minimum 3:1 for large text
  • Enhanced contrast for important elements

Design considerations

  • Information not conveyed by color alone
  • Color-blind friendly palette
  • Visible focus indicators
  • Clear visual hierarchy

Text Scaling

Responsive text

  • Text can be enlarged up to 200% without loss of functionality
  • Layout adapts to increased text size
  • No horizontal scrolling required
  • Readable at various zoom levels

How to adjust

Use your browser's zoom function

  • Ctrl/Cmd + Plus: Zoom in
  • Ctrl/Cmd + Minus: Zoom out
  • Ctrl/Cmd + 0: Reset zoom

Dark Mode Support

Automatic adaptation

  • Respects system dark mode preference
  • Can be manually toggled in settings
  • Maintains appropriate contrast in both modes
  • Reduces eye strain in low-light conditions

Motor Accessibility

Large Touch Targets

Design features

  • Minimum 44x44 pixel touch targets
  • Adequate spacing between interactive elements
  • Large buttons for critical actions
  • Forgiving touch areas

Why it helps

Easier for users with

  • Motor impairments
  • Tremors
  • Limited fine motor control
  • Touch screen usage

Alternative Input Methods

Supported

  • Mouse
  • Keyboard only
  • Touch screen
  • Voice control (via OS)
  • Switch controls
  • Eye-tracking devices
  • Adaptive controllers

Reduced Motion

Respecting preferences

  • Honours prefers-reduced-motion system setting
  • Minimizes animations when requested
  • Provides static alternatives
  • Avoids unnecessary motion

How to enable

Set in your operating system accessibility settings.

Error Prevention

Design safeguards

  • Confirmation for destructive actions
  • Clear error messages
  • Input validation with hints
  • Undo options where possible
  • Sufficient time to complete tasks

Cognitive Accessibility

Clear Language

Writing principles

  • Plain language, avoiding jargon
  • Short sentences and paragraphs
  • Clear headings and structure
  • Consistent terminology
  • Instructions before forms

Consistent Navigation

Predictable structure

  • Same navigation across all pages
  • Consistent button placement
  • Standard icon meanings
  • Breadcrumb trails
  • Current location always visible

Focus Management

Helpful features

  • Focus moved to appropriate elements
  • Modal dialogues trap focus
  • Skip navigation links
  • Return focus after actions
  • Logical tab order

Error Handling

User-friendly approach

  • Specific error messages
  • Suggestions for correction
  • Highlight problematic fields
  • Preserve entered data
  • Multiple ways to recover

Session Timeout Warnings

Advance notice

  • Warning before automatic logout
  • Option to extend session
  • Clear countdown timer
  • Saves work when possible

Sensory Accessibility

Audio Alternatives

For sound notifications

  • Visual indicators for alerts
  • Text alternatives for audio content
  • Captions for video (when applicable)
  • Volume controls where relevant

Visual Alternatives

For visual content

  • Text descriptions for images
  • Alt text for meaningful graphics
  • Audio descriptions available
  • Transcripts for video content

Multi-Modal Feedback

Multiple forms of feedback

  • Visual confirmation (tick marks, highlights)
  • Text messages ("Saved successfully")
  • System notifications (if enabled)
  • Status updates in page

Language & Localization

Multiple Languages

Currently supported

  • English (UK)
  • English (US)
  • Additional languages in development

Features

  • Full interface translation
  • Language selection in settings
  • Right-to-left text support (when applicable)
  • Localized dates and numbers

Medical Terminology

Plain language options

  • Medical terms explained
  • Hover definitions for jargon
  • Patient-friendly summaries
  • Glossary available

Device & Browser Compatibility

Responsive Design

Works on

  • Desktop computers
  • Laptops
  • Tablets
  • Smartphones
  • Various screen sizes

Adaptive features

  • Layout adjusts to screen size
  • Touch-friendly on mobile
  • Readable on small screens
  • Functional on any device

Browser Support

Fully tested on

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Edge (latest)

Minimum versions

Generally supports browsers released in the last 2 years.

Progressive Web App (PWA)

Installation benefits

  • Can be installed like a native app
  • Works offline for basic functions
  • App-like experience
  • No app store required

How to install

Your browser will prompt you, or look for "Install" option in menu.

Assistive Technology Support

Compatible Technologies

Works with

  • Screen readers
  • Screen magnifiers
  • Voice recognition software
  • Alternative keyboards
  • Switch access devices
  • Braille displays

Testing & Verification

Regular testing with

  • Multiple screen readers
  • Keyboard-only navigation
  • Various assistive technologies
  • Real users with disabilities
  • Automated accessibility tools

Customization Options

Text Size

Options

  • Small
  • Medium (default)
  • Large
  • Extra large

Location: Settings → Display → Text Size

Interface Density

Spacing options

  • Compact (more content visible)
  • Comfortable (default)
  • Spacious (easier touch targets)

Location: Settings → Display → Layout Density

Notification Preferences

Control over

  • Email notifications
  • Push notifications
  • In-app alerts
  • Sound alerts
  • Notification frequency

Location: Settings → Notifications

Forms & Input

Form Design

Accessible features

  • Clear labels for all fields
  • Helpful hint text
  • Required field indicators
  • Error messages near fields
  • Group related fields
  • Logical tab order

Input Assistance

Helpful features

  • Autocomplete support
  • Input validation with feedback
  • Format examples shown
  • Error prevention hints
  • Undo capabilities

Error Messages

Clear communication

  • Specific problem identified
  • Location of error clear
  • How to fix explained
  • Multiple validation passes
  • Preserve user's input

Getting Help

Accessibility Support

Need assistance?

Reporting Issues

If you encounter barriers

  1. Describe the issue
  2. Note your assistive technology (if applicable)
  3. Include browser and device information
  4. Screenshot if helpful
  5. Submit via Settings → Help → Report Issue

We respond to

  • Accessibility bugs within 24 hours
  • Feature requests within 1 week
  • General feedback ongoing

Documentation

Accessible Documentation

This documentation

  • Screen reader friendly
  • Keyboard navigable
  • High contrast text
  • Scalable text size
  • Semantic structure

Alternative Formats

Available on request

  • Large print
  • Audio version
  • Plain text
  • Braille (external service)

Contact: docs@quillmedical.com

Training & Resources

For Users

Available resources

  • Video tutorials with captions
  • Step-by-step guides
  • FAQs
  • Interactive demos
  • One-on-one training (available)

For Clinic Staff

Accessibility training

  • How to support patients with disabilities
  • Accessible communication techniques
  • Using assistive technologies
  • Accessibility best practices

Continuous Improvement

Ongoing Efforts

We continuously

  • Test with real users
  • Update to latest standards
  • Add new accessibility features
  • Fix reported issues promptly
  • Seek user feedback

User Feedback

Your input matters

  • Accessibility feedback welcomed
  • Feature requests considered
  • Regular user testing sessions
  • Accessibility advisory group

Participate

Email: feedback@quillmedical.com

Accessibility Statement

Our Commitment

We are committed to ensuring our application is accessible to everyone. We believe healthcare technology should be inclusive and usable by all patients and healthcare providers, regardless of ability.

Conformance Status

Current status: Partially conformant with WCAG 2.1 Level AA

We are actively working toward full conformance and continuously improving accessibility.

Known Limitations

Current limitations

  • Some video content lacks captions (being added)
  • PDF downloads may not be fully accessible (working on alternatives)
  • Some third-party payment forms have limited accessibility

Contact Us

Questions or concerns?

We aim to respond within 2 business days.

Applicable Regulations

Compliance with

  • Americans with Disabilities Act (ADA)
  • Section 508 of the Rehabilitation Act
  • EN 301 549 (European standard)
  • Equality Act 2010 (UK)

Assessment & Audits

Regular reviews

  • Annual accessibility audits
  • Quarterly automated testing
  • Ongoing user feedback integration
  • Third-party assessments

Remediation Timeline

For identified issues

  • Critical: Within 24 hours
  • High priority: Within 1 week
  • Medium priority: Within 1 month
  • Low priority: Within 3 months

Additional Resources

External Resources

Learn more

  • WebAIM - Web accessibility guidance
  • W3C WAI - Official accessibility standards
  • A11y Project - Community-driven accessibility resources

Assistive Technology Resources

  • Screen reader documentation
  • OS accessibility settings guides
  • Browser accessibility features
  • Mobile accessibility options