Medical Practice Website Accessibility Basics

Opening answer

A medical practice marketing site has one job: help a prospective patient understand what the practice does, where it is, and how to ask for an appointment. That job does not include a patient portal, medical records, or health privacy advice, and this article stays on the marketing side of that line. Medical practice website accessibility for a marketing site means appointment forms with real labels, text a visitor can read and enlarge, a phone number and address in plain text, and pages that work with a keyboard and on a phone.

Marketing sites only, and why that line matters

A marketing site is the public brochure for a practice: services, clinicians, locations, hours, insurance notes in general terms, and a way to request an appointment. A patient portal is a different system, behind a login, where a patient views records, messages a clinician, or pays a bill. This article gives no advice about portals, and no advice about health privacy rules. Axeazy does not cover HIPAA regulated patient portals, so a scan of a marketing site should never be presented as a check of a portal. Keep the two systems separate in planning, in testing, and in any report. If a visitor needs portal help, point them to the portal help route the practice already publishes, and do not try to fold portal tasks into the marketing site.

Appointment forms that work without a mouse

An appointment request form is the most important form on a marketing site, and it is where small label mistakes cost real appointments. Every field needs a visible label that stays in place: full name, phone number, preferred date, preferred time, reason for visit in general terms, and a message box. Placeholder text inside a field is not a label, because it disappears when a visitor starts typing, and a screen reader may not announce it as a label. The Department of Justice guidance lists labels, clear instructions, and error indicators as parts of an accessible online form, and notes that a screen reader user should be told when a field is entered incorrectly and how to fix it: ADA guidance on web accessibility

Error handling needs words, not colour alone. When a date is in the past, or a phone number is missing a digit, say so in text next to the field, and give a suggestion where one is known, such as "Enter a date after today" or "Enter a 10 digit phone number". WCAG success criteria 3.3.1, 3.3.2, and 3.3.3 cover error identification, labels or instructions, and error suggestions in that order. A form that marks an error only with a red border fails a visitor who cannot see red, and it fails a screen reader user who hears no error text at all.

Test the form with a keyboard only. Tab through each field in order, open any date or time control with the keyboard, and submit without touching a mouse. If a date picker opens a calendar that cannot be used from the keyboard, keep a plain text date field as the alternative, and log the calendar problem for the developer. Do not ask for health details on a marketing form beyond what the practice needs to arrange a first contact, and do not store form submissions in a way the practice has not already approved for that form. This article does not advise on that storage question; it only covers whether the form itself can be used.

Readable text, clear services pages, and honest photos

Medical text is hard enough without small pale type, dense paragraphs, and jargon piled on jargon. Use a body size that reads well on a phone, line spacing that does not cramp lines together, and headings that state the topic of each section, such as "Services", "Locations", and "Request an appointment". A visitor who uses a screen reader can jump by headings to the section needed, and a visitor who enlarges text to 200 percent should still find each section in order, without text clipped or hidden behind other content. Break long service descriptions into short paragraphs, and put the practical facts first: what the service is in plain words, who it is for in general terms, and how to ask about it.

Link names deserve a pass of their own. "Request an appointment", "Call the clinic", and "See services" each state a purpose. "Click here", "Learn more" repeated five times, and "Read more" with no context do not. A visitor who pulls up a links list should be able to tell each link apart without reading the whole page first. Check that no two links with the same text lead to different places, unless the surrounding context makes the difference clear to a screen reader user.

Contact routes that work on a phone

A marketing site visitor often arrives on a phone, in a hurry, looking for a number or an address. Put the phone number as text, and make it a phone link, so tapping it dials. Do not show the number only inside an image, and do not make the phone icon alone the link, with no text beside it. An icon only link gives a screen reader user nothing to act on unless the icon carries a proper accessible name. The same rule applies to an email link and a directions link: text first, icon as decoration.

Tap targets on a phone need room. WCAG 2.2 success criterion 2.5.8 asks for pointer targets of at least 24 by 24 CSS pixels, or enough spacing for undersized targets: W3C target size guidance Check the call button, the appointment button, and the location links on a real phone, not only on a desktop preview. A button that looks fine at desktop width can sit too close to another button at phone width, and a visitor with a tremor or a large thumb can tap the wrong one. Space the main actions apart, and keep the call action visible without scrolling through a long menu first.

Colour, focus, and contrast on a clinic site

Clinic sites often use soft blues, pale greys, and white space to look calm. Calm should not mean faint. WCAG success criterion 1.4.3 asks for a contrast ratio of at least 4.5:1 for normal text, and at least 3:1 for large text: W3C contrast guidance Check body text, appointment button text, footer text, and form helper text against that bar. Helper text in pale grey is a common miss, because it looks like a design detail and reads like a footnote that a visitor with low vision cannot read at all. Test focus with the focus quiz: Focus quiz

What a scan can check on a marketing site

A free homepage scan from Axeazy takes about 60 seconds, needs no signup and no card, and gives a first list of issues on the homepage. Paid plans show price at checkout, with annual saving of 20 to 25 percent, and add weekly monitoring and dated reports: Axeazy pricing Those reports matter for a clinic site, because services pages, clinician pages, and location pages change often, and a new page can bring back an old fault, such as a missing label or a pale helper text colour. A tool choice guide can help weigh a scan, a checklist, and a developer fix in order: How to choose an accessibility tool: 10 criteria

FAQ

Does this article cover a patient portal?

No. It covers marketing sites only. Portal pages, logins, records, messages, and payments sit outside this article, and a marketing site scan should never be described as a portal check.

What is the quickest appointment form test?

Tab through the form with no mouse, submit it with a missing field, and read the error message. If the error is in words, next to the field, and the form can still be completed by keyboard, the form passes the basic test in this article.

Should a clinic site ask for health details in a marketing form?

Keep the form to contact and appointment request details only, and ask the practice owner what the form should collect. This article does not advise on health data handling, and a practice should settle that question separately from website fixes.

What if a visitor complains about a barrier, or a legal letter arrives?

This is general information, not legal advice. If you received a demand letter or were sued, talk to a qualified attorney, and take the scan report, the fix log, and the scope note to that meeting.

Last checked: October 31, 2026

Sources

• W3C contrast guidance
• W3C target size guidance
• ADA guidance on web accessibility
• Axeazy pricing page

Start with the appointment form, then the contact page, then services pages, beginning with a free scan at Axeazy

Related reading

• Salon Website Accessibility: Booking and Galleries