Medical Website Accessibility: What WCAG 2.1 AA Means for You

Think about who visits a doctor's website. Older adults with declining vision. People recovering from a stroke who cannot use a mouse. Patients who are deaf or hard of hearing. Someone reading on a cracked phone screen in a waiting room. Medical website accessibility is not a niche concern for a practice. Your patients are, by definition, people who may be dealing with a health condition, and many of them rely on accessible design to find you, book with you, and prepare for a visit.

The most widely used standard for this is WCAG 2.1 at the AA level. Here is what that means in practical terms.

What WCAG 2.1 AA Is

WCAG stands for Web Content Accessibility Guidelines. It is a set of technical guidelines published by the World Wide Web Consortium. The guidelines are organized around four ideas: content should be perceivable, operable, understandable, and robust. Level AA is the middle tier, and it is the level most organizations aim for.

Whether and how accessibility laws apply to your specific practice is a legal question. Obligations can depend on your organization, your location, and whether you receive certain funding. Check with your counsel. What follows focuses on what a WCAG 2.1 AA website looks like for a patient.

The Core Requirements, in Plain Language

Color contrast

Text needs enough contrast against its background to be readable. Light gray text on a white background, a popular design trend, often fails. AA sets specific contrast ratios for normal and large text, and free tools can check them in seconds.

Keyboard navigation

Everything on the site should work without a mouse. A patient should be able to press Tab to move through links, buttons, and form fields in a logical order, and see a clear outline showing where they are. Menus that open only on hover, or pop-ups that trap the keyboard, are common problems.

Alt text for images

Screen readers read images aloud using their alternative text. A headshot should say something like "Dr. Jane Smith, board certified dermatologist." Decorative images should be marked so screen readers skip them. An image of text, like a flyer with your hours, should have that text available on the page.

Captions and transcripts

If you have a welcome video or a procedure explainer, it needs accurate captions. Automatic captions are a start, but they often get medical terms wrong, so review them.

Form labels and errors

Every form field needs a visible label that a screen reader can announce, not just placeholder text that disappears when you type. When something goes wrong, the error message should say what happened and how to fix it, in text, not only with a red border.

Headings and structure

Pages should use real headings in a logical order. Screen reader users often jump from heading to heading to scan a page, the same way sighted readers skim. A page built from bold text instead of real headings is a wall to them.

Zoom and resizing

Patients should be able to zoom to 200 percent without content overlapping or disappearing, and the layout should reflow on narrow screens without sideways scrolling.

An accessible website is not a special version of your site. It is your site, built so that every patient can use it.

A Quick Self-Check You Can Do Today

• Put your mouse away and try to book an appointment using only the keyboard.
• Zoom your browser to 200 percent and scroll through your home page.
• Turn on your phone's built-in screen reader and listen to your contact page.
• Look for light gray text or text placed over photos.
• Play any video with the sound off. Can you follow it?

If any of these felt difficult, a patient has likely run into the same problem.

Why Overlays Are Not a Fix

Some products promise accessibility with a single line of code that adds a toolbar to your site. These overlays do not change the underlying structure of the page, and many accessibility experts and disabled users find they create new problems. Accessibility is built into the code, the content, and the design. It is not added afterward.

Accessibility Helps Search Too

Many accessibility practices overlap with good SEO. Clear headings, descriptive link text, alt text, and fast, well-structured pages help search engines and AI tools understand your content. A site that is easy for a screen reader to parse is usually easier for Google to parse as well.

How We Build It

Every Propelled MD site is built to WCAG 2.1 AA. Because our sites are custom designed and coded from scratch rather than assembled from templates and plugins, accessibility is part of the design from the first sketch. If you want to know where your current site stands, our free Position Report includes a written look at what patients, Google, and AI see.

When you are ready for a site every patient can use, learn more about our medical website design, or if your current site needs work, see our approach to a practice website redesign.