DDS Web Solutions
Website & UX

How to Make Your Website ADA Compliant and Accessible

14 min

ADA lawsuits against healthcare websites increased 250% in 2024.

WCAG 2.2 Accessibility Standards

ADA lawsuits against healthcare websites increased 250% in 2024. Over 4,000 lawsuits were filed against healthcare and medical practices for web accessibility violations. This is not a "nice to have". It is a legal requirement. WCAG 2.2 (Web Content Accessibility Guidelines) are the legal standard most courts reference when evaluating accessibility claims.

WCAG 2.2 has four principles: Perceivable (users can see/hear content), Operable (keyboard accessible, not time-dependent), Understandable (clear language, predictable navigation), and Robust (works with assistive technology). Most healthcare practices must meet Level AA compliance at minimum. Level AAA is the gold standard but often not legally required unless you serve specialized populations (deaf, blind, etc.).

Common violations that trigger lawsuits: non-keyboard-navigable forms, images without alt text, videos without captions, color-only information (relying on color alone to convey meaning), auto-playing content, low contrast text, confusing navigation. Fix these first.

Pro tip

Focus on the most impactful items first. Quick wins build momentum for larger changes. Start with color contrast and alt text on images. These fix 40% of accessibility issues.

Color Contrast and Readability

Low contrast text fails WCAG standards and triggers lawsuits. WCAG 2.2 AA requires 4.5:1 contrast ratio for normal text, 3:1 for large text (18pt+). Black text on white passes. Dark blue on light gray fails. White text on light blue fails.

Test your site using WebAIM Contrast Checker or Axe DevTools. Any text failing 4.5:1 must be fixed. This includes button text, form labels, captions, and body copy. Do not assume your designer tested contrast. Most do not.

Keyboard Navigation

Blind and motor-impaired users navigate using keyboards, not mice. Your website must be fully functional using Tab key alone. Every button, link, form field must be reachable via Tab. Every interactive element must have a visible focus indicator (visible border or highlight when focused). If you cannot Tab through your entire site and use all features without a mouse, your site fails WCAG.

Test: Open your website. Press Tab repeatedly. Can you navigate every link and button? Can you tell which element has focus? If no, hire a developer to fix tabindex and focus states.

Screen Reader Compatibility

Screen readers (NVDA, JAWS, VoiceOver) read websites aloud to blind users. Your HTML structure must be semantic: use proper heading hierarchy (H1, H2, H3), landmark regions (nav, main, footer), and ARIA labels where needed. A screen reader user should understand your page structure and content without seeing it.

Test: Download NVDA (free screen reader). Turn off your monitor. Navigate your website using only audio. Can you find information? Can you submit forms? Screen reader testing catches many semantic issues.

Accessible Forms

Forms are the most common accessibility violations. Every form field must have a <label> element associated with the input. Do not use placeholder text instead of labels; placeholder text disappears when users type. Required fields must be marked clearly (not color only). Error messages must be associated with the field that failed.

Patient intake forms commonly fail: asking for allergies without proper labels, using red asterisks only (not screen reader accessible), showing errors without associating them to fields. Use a HIPAA-compliant, accessible form platform to avoid these issues.

Images and Alt Text

Every image needs alt text. Alt text is read aloud by screen readers and displayed if the image fails to load. Alt text should describe the image purpose, not just say "image of teeth". Good: "Before and after of smile makeover from cosmetic bonding". Bad: "teeth". Decorative images get empty alt="" to hide them from screen readers.

Audit your site: search for images without alt attributes. This is the easiest accessibility fix with the biggest impact.

Video Captions and Transcripts

Videos must have captions for deaf users and transcripts for blind users. Captions are not optional. A practice introduction video, procedure video, or patient testimonial video without captions fails WCAG. YouTube auto-captions are a start but require manual review for accuracy. Medical terminology is often misheard by auto-captions.

Budget: captions cost $1-2 per minute from professional captioning services. A 5-minute video costs $5-10 to caption properly. This is non-negotiable for legal compliance.

Mobile Accessibility

Mobile accessibility has unique challenges. Touch targets must be large enough (minimum 44x44 pixels). Buttons too small fail WCAG. Zoom must not be disabled (do not set user-scalable=no in viewport meta tag). Responsive design is not enough; test all interactions on actual mobile devices with screen readers enabled.

Test with VoiceOver (iOS) and TalkBack (Android). Navigate your patient appointment form on a real phone using screen reader. If you cannot find the submit button, neither can your patients with disabilities.

Testing Tools and Audits

Free tools: Axe DevTools browser extension, WebAIM Contrast Checker, NVDA screen reader, Wave browser extension. These catch 80% of issues. Paid tools: Deque WorldSpace (comprehensive audits), Level Access (detailed reporting).

Run automated scans monthly. But automated tools catch only 30% of issues. Manual testing with real users (especially disabled users) is required for comprehensive compliance. A 3rd-party accessibility audit costs $2-5K but provides legal protection if you are sued (proves good-faith effort to comply).

ADA Title III covers website accessibility. Over 4,000 lawsuits were filed in 2023 alone against healthcare providers. Settlements range from $10K to $100K+. The cost of fixing accessibility proactively is 1-5% of website costs. The cost of defending a lawsuit is 10-100x higher.

Documentation matters. If sued, you need evidence that you made good-faith efforts to comply. Run audits, document findings, implement fixes, and keep records. A $3K accessibility audit this year is a $30K lawsuit defense saved next year.

Frequently Asked Questions

What WCAG level is required for ADA compliance?

Courts have generally applied WCAG 2.1 Level AA as the de facto standard. Level A is the floor, Level AAA is aspirational. Aim for full AA conformance across all user-facing pages.

Do accessibility overlay tools (AccessiBe, UserWay) make my site compliant?

No. Overlays have been named as defendants in ADA lawsuits. They patch symptoms without fixing the underlying code. Real compliance requires semantic HTML, keyboard navigation, proper form labels, and manual testing with assistive tech.

How long does it take to remediate a practice website for accessibility?

A standard marketing website with 10 to 30 pages takes 40 to 120 developer hours. Complex sites with patient portals, online scheduling, and custom forms take 150 to 400 hours. Phase the work by page traffic, starting with the homepage and top 5 service pages.

What is the most common accessibility failure on practice websites?

Color contrast. Light gray text on white backgrounds fails WCAG AA roughly 80 percent of the time. Run a contrast audit with Axe DevTools or Wave. A 15-minute scan finds 30 to 50 issues on most practice sites.

How often do I need to re-audit for accessibility?

Annually, plus after every major redesign or framework change. Accessibility regresses when new components are added without testing. Build a quarterly Axe automated scan into your maintenance retainer.

Explore Our Services

Need Help With Your Marketing?

Our team specializes in dental and healthcare marketing. Get a free strategy consultation and see how we can grow your practice.