All posts
Industries

Healthcare Website Accessibility: WCAG for Patients Who Need It Most

Healthcare website accessibility checklist: which standard applies under Section 504, Section 1557 and the ADA, and how to audit forms, PDFs, video and widgets.

By Mehdi Hassan7 min read

The short answer

Healthcare website accessibility should meet WCAG 2.1 Level AA. HHS's updated Section 504 rule adopts that standard for organizations receiving HHS funding, the DOJ's ADA Title II rule adopts it for public hospitals and other government entities, and it's the practical benchmark for private providers under ADA Title III. Audit forms, PDFs, video and third-party widgets first.

Key takeaways

  • WCAG 2.1 AA is the standard to design and test against for almost every healthcare website.
  • HHS's Section 504 rule makes it a formal requirement for recipients of HHS federal funding.
  • Patient forms, PDFs and booking widgets are where health sites most often fail.
  • Third-party tools count as your site; ask vendors for an accessibility conformance report.
  • Overlays don't make a site conformant; fix the design and code.

Part of Healthtech Website Design: Clinical Credibility Meets Startup Speed

What accessibility standard should a healthcare website meet?

A healthcare website should meet WCAG 2.1 Level AA. It's the standard named in HHS's updated Section 504 rule for organizations that receive HHS federal financial assistance, and in the Department of Justice's ADA Title II rule for state and local government entities, which include public hospitals and clinics. Private providers fall under ADA Title III, where WCAG 2.1 AA is the benchmark commonly used in audits and settlements.

This checklist is part of our healthtech website design series. For the general picture across industries, see website accessibility for startups. The legal points here are a summary, so confirm your obligations and current compliance dates with counsel, HHS and ADA.gov.

Rule

Who it covers

Standard

Section 504 (HHS rule)

Recipients of HHS federal financial assistance

WCAG 2.1 AA, with phased compliance dates

Section 1557 (ACA)

Health programs receiving federal funding, and more

Accessible ICT; language access notices

ADA Title II

State and local government, including public hospitals

WCAG 2.1 AA under the DOJ rule

ADA Title III

Private providers open to the public

No set technical standard; WCAG 2.1 AA in practice

State laws

Varies by state

Often reference WCAG

Why does healthcare website accessibility matter more than in other industries?

Healthcare website accessibility matters more because the people who most need health services are disproportionately likely to have a disability, and because a failure blocks access to care rather than to a product. A patient who can't complete an intake form with a screen reader, or read a discharge PDF with magnification, may miss treatment.

The legal duties reflect that. Many digital health startups sell to health systems and payers that receive federal funding, so their buyers increasingly ask for accessibility evidence during procurement. Even if your company isn't directly covered, your customers may need you to be.

What does a healthcare website accessibility audit check?

A healthcare website accessibility audit checks every page template and every patient task against WCAG 2.1 AA, using both automated tools and manual testing. Automated scanners catch only part of the problems, so keyboard and screen reader testing is essential. Work through this order.

  1. Patient tasks end to end. Find a provider, check eligibility, book an appointment, complete intake and pay a bill, using only a keyboard and then a screen reader.
  2. Forms. Every field has a visible label, errors are described in text, required fields are marked and time limits can be extended.
  3. Color and contrast. Text and interface elements pass AA contrast, and no status or instruction relies on color alone.
  4. Headings and structure. One H1 per page, logical heading order and landmarks, so screen reader users can jump through long service pages.
  5. Images and icons. Meaningful images have alt text; decorative ones are hidden from assistive technology.
  6. Video and audio. Captions on all video, transcripts for audio and controls that work by keyboard.
  7. Documents. Patient forms, notices and price lists in PDF are tagged and readable, or published as HTML instead.
  8. Third-party widgets. Booking, chat, payment and map tools tested like your own pages.
  9. Zoom and reflow. Pages work at 200% zoom and on narrow screens without losing content.

Which healthcare-specific accessibility checks do teams miss?

The healthcare-specific checks teams miss most are PDFs, session timeouts, language access and embedded tools. These sit outside the page templates designers usually focus on.

  • Downloadable patient forms. Many clinics still publish intake and consent forms as scanned PDFs, which screen readers can't read. Offer an accessible online form through a HIPAA-eligible vendor; our guide to HIPAA compliant forms covers the options.
  • Session timeouts in portals and intake that log people out without warning. Warn before timing out and let users extend.
  • Language access. Section 1557 includes notices about language assistance, and accessible translated content matters for patients with limited English.
  • Maps and locators. A location map needs a text list of addresses, hours and phone numbers alongside it.
  • Emergency information. Crisis and emergency notices must be reachable and readable by assistive technology, not buried in an image.
Hypothetical example: auditing a clinic's booking flow

For example, suppose a multi-location clinic audits its booking path. The page templates pass most checks, but the embedded scheduling widget traps keyboard focus inside a date picker, announces times as unlabeled buttons and shows available slots only in green.

The fix has two parts. The site team adds a text alternative path (call or request a callback) beside the widget and labels the surrounding content. The clinic asks the scheduling vendor for its accessibility conformance report and a fix timeline, and compares alternatives if the vendor can't commit. The website can be clean and the patient still blocked, so the widget counts.

How should you handle third-party tools on an accessible medical website?

Handle third-party tools by testing them like your own pages and asking vendors for an accessibility conformance report, often based on a VPAT. To a patient, the booking widget is your website. If it fails, the experience fails, whoever wrote the code.

Put accessibility requirements into vendor selection, keep a list of every embedded tool with its conformance status and offer an alternative path (phone, callback request or accessible form) wherever a widget falls short. Our guide to ADA website compliance covers how US businesses approach this more broadly.

How do you keep a healthcare website accessible after launch?

Keep a healthcare website accessible by building accessibility into publishing, not just the launch. Most regressions come from new content: an image without alt text, a new PDF, a video without captions or a widget added for a campaign.

  1. Lock it into components

    Build accessible components and CMS fields, such as required alt text, so editors can't easily publish inaccessible content.

  2. Write an editor checklist

    A one-page list for anyone who publishes: headings, alt text, link text, captions and PDF rules.

  3. Scan automatically

    Run automated checks on every deploy to catch obvious regressions early.

  4. Test manually on a schedule

    Repeat keyboard and screen reader tests on key patient tasks each quarter and after major changes.

  5. Publish an accessibility statement

    State your target, known issues and how patients can get help or report a problem.

If you need an outside review first, our guide to accessibility audit cost explains what drives the price. Similar duties apply to schools, which our edtech website compliance guide covers. Read the full WCAG standard from the W3C when you need the exact success criteria.

Frequently asked questions

Is WCAG 2.2 required for healthcare websites?
The main US healthcare rules currently name WCAG 2.1 AA. WCAG 2.2 adds criteria such as larger target sizes and easier authentication that are useful for patients, and it's backward compatible with 2.1. Designing to 2.2 AA is a sensible way to meet 2.1 with margin, but check which version your contracts and regulators name.
Does HIPAA require website accessibility?
No. HIPAA covers the privacy and security of health information, not accessibility. Accessibility duties come from Section 504, Section 1557, the ADA and state laws. The two do meet in practice: a HIPAA-eligible form tool still has to be accessible, so evaluate vendors on both privacy and accessibility.
Do small private practices need an accessible website?
Practices open to the public are generally covered by ADA Title III, and courts have treated websites as part of that duty in many cases. If the practice receives federal funding, such as Medicaid payments, Section 504 and Section 1557 may also apply. A small site built to WCAG 2.1 AA from the start costs little extra.
Are PDFs allowed on an accessible healthcare website?
Yes, if they're accessible: tagged, with a logical reading order, real text rather than scanned images, labeled form fields and alt text for images. Many health organizations find it easier to publish key documents as HTML pages instead, which are simpler to keep accessible, searchable and up to date.
What is an accessibility conformance report?
An accessibility conformance report documents how a product meets accessibility standards, criterion by criterion, and is often written using the VPAT template. Ask vendors for one before you embed their booking, chat or payment tool. Treat it as a starting point, then test the tool yourself on your key patient tasks.

· CEO & Design Director

Copywriter, designer and developer, and founder of Designify Studio. Over five years, 60+ projects across 14+ industries, for startups that have raised $300M+.

Want this done for you? Website, $8,000.

A multi-page marketing site, designed by us, developed in Next.js and animated. $8,000, one-time, up to 6 pages. Book a free 30-minute call to see if it fits.

Schedule Call