Skip to content
HIPAA-Compliant AgencyBAA Signed Before PHINHS Digital StandardsWCAG 2.2 AA
HIPAA-Compliant AgencyBAA Signed Before PHINHS Digital StandardsWCAG 2.2 AA

WCAG 2.2 New Criteria for Healthcare Websites: 9 Changes

Learn what changed in WCAG 2.2 for healthcare websites, including all 9 new success criteria, patient portal examples, testing priorities, and US and NHS regulatory considerations.

WCAG 2.2 New Criteria for Healthcare Websites: 9 Changes
Qrolic Health Technical Team
9 min read
WCAG 2.2
Healthcare Accessibility
Patient Portal
Section 504
NHS Standards

Healthcare teams rarely discover accessibility problems on the homepage. The more serious failures often appear when a patient tries to log in, complete a form, book an appointment, or access care information.

The WCAG 2.2 new criteria for healthcare websites focus heavily on these interactions. Published as a W3C Recommendation on 5 October 2023, WCAG 2.2 adds 9 success criteria to WCAG 2.1 while removing 4.1.1 Parsing as obsolete.

For healthcare technology teams, the practical question is not simply what changed. It is where those changes affect patient journeys, which criteria belong in an AA target, and what your developers and designers need to test.

A useful starting point is the WCAG 2.2 complete guide, particularly if your team needs to establish the broader accessibility baseline before addressing these 9 additions.

What changed from WCAG 2.1 to WCAG 2.2 for healthcare websites?

WCAG 2.2 is an additive update rather than a completely separate accessibility framework. It retains the WCAG 2.0 and 2.1 success criteria, adds 9 new criteria, and removes 4.1.1 Parsing because it is now obsolete.

For healthcare teams, that distinction matters. A website designed around WCAG 2.1 does not automatically address the new interaction requirements introduced by WCAG 2.2.

WCAG 2.2 adds 9 new success criteria

The 9 additions are:

Level A

  • 3.2.6 Consistent Help
  • 3.3.7 Redundant Entry

Level AA

  • 2.4.11 Focus Not Obscured (Minimum)
  • 2.5.7 Dragging Movements
  • 2.5.8 Target Size (Minimum)
  • 3.3.8 Accessible Authentication (Minimum)

Level AAA

  • 2.4.12 Focus Not Obscured (Enhanced)
  • 2.4.13 Focus Appearance
  • 3.3.9 Accessible Authentication (Enhanced)

These are official WCAG conformance levels. They should not be described as separate "healthcare requirements" simply because healthcare examples make them particularly relevant.

What happened to WCAG 2.1?

WCAG 2.2 includes the WCAG 2.1 success criteria, except for 4.1.1 Parsing, which was removed as obsolete. W3C describes the update as additive and recommends WCAG 2.2 as a new conformance target, even where formal obligations still reference an earlier version.

That creates three separate questions for healthcare organisations:

  • What does the W3C technical standard currently contain?
  • What accessibility level has your organisation adopted as its engineering target?
  • Which accessibility requirements apply to your organisation under applicable law or sector guidance?

Keeping those questions separate prevents teams from turning a technical recommendation into an inaccurate legal claim.

Is Your Patient Portal Compliant with WCAG 2.2?

Assess your login flows, appointment booking, and form fields against the 9 new WCAG 2.2 success criteria.

Schedule an Accessibility Audit

The 9 new WCAG 2.2 success criteria explained for healthcare

The strongest way to understand WCAG 2.2 is to map each new criterion to an actual patient interaction.

2.4.11 Focus Not Obscured (Minimum)

Level: AA

When a keyboard user moves through a healthcare website, the focused component cannot be entirely hidden by author-created content.

Consider an appointment form with a sticky header, floating chat widget, cookie banner, or fixed footer. A patient can successfully tab to a button while still being unable to see which control currently has focus.

Developers should test keyboard navigation across:

  • Appointment forms
  • Patient registration
  • Modals
  • Sticky navigation
  • Cookie notices
  • Floating support controls

One common implementation mistake is testing focus only on a static page. Fixed interface elements can change the result as the viewport changes.

2.4.12 Focus Not Obscured (Enhanced)

Level: AAA

This criterion applies a stricter requirement. No part of a focused component can be hidden by author-created content.

The distinction matters when your organisation targets AAA accessibility or wants a stronger internal accessibility standard. Do not describe this criterion as an AA requirement simply because 2.4.11 is AA.

In practice, teams targeting enhanced accessibility should test focus visibility across different viewport sizes, zoom levels, and interface states.

2.4.13 Focus Appearance

Level: AAA

WCAG 2.2 introduces a specific AAA requirement for the appearance of keyboard focus indicators, including requirements concerning indicator size and contrast.

A visible focus state is not necessarily a sufficient focus state. A faint outline that disappears against the surrounding interface can remain difficult to identify.

Healthcare design systems should define focus states as reusable component behaviour rather than leaving each developer to implement them independently.

2.5.7 Dragging Movements

Level: AA

If functionality requires a dragging movement, the interface needs an alternative pointer input method unless an applicable exception applies.

Healthcare examples include:

  • Appointment calendar interactions
  • Drag-and-drop document uploads
  • Reordering preferences
  • Sliders
  • Interactive scheduling controls

For example, a patient should not be forced to drag an appointment block across a calendar when an equivalent selection or keyboard-accessible control can perform the same task.

During healthcare implementations, we look beyond whether a component works with a mouse. The important question is whether the same task remains available through another supported interaction method.

2.5.8 Target Size (Minimum)

Level: AA

WCAG 2.2 specifies a minimum target size of 24 by 24 CSS pixels for pointer inputs, subject to defined exceptions and spacing conditions.

This affects common healthcare controls such as:

  • Book appointment buttons
  • Calendar dates
  • Close controls
  • Mobile navigation
  • Portal actions
  • Selection controls

The requirement does not mean every control must literally be 24 by 24 pixels. WCAG defines exceptions, including spacing, equivalent controls, inline targets, user-agent controls, and essential presentations.

A practical design review should therefore measure both the target and its surrounding space. Small controls placed close together can create problems even when each control technically appears usable.

3.2.6 Consistent Help

Level: A

Repeated help mechanisms should appear consistently across pages where they occur. Examples can include contact information, support mechanisms, self-help resources, or other assistance mechanisms.

For healthcare services, this can affect patient support, portal assistance, accessibility information, and telehealth technical support.

The implementation issue often starts with different teams placing support controls independently. Establishing help components within a shared design system reduces inconsistent placement across patient journeys.

3.3.7 Redundant Entry

Level: A

WCAG 2.2 addresses situations where information already entered or provided during the same process is requested again. Where the criterion applies, that information should either be automatically populated or available for the user to select, subject to its defined exceptions.

Imagine a patient enters their date of birth during registration and then encounters the same question again during appointment booking. Requiring unnecessary re-entry creates friction and increases the opportunity for errors.

The same issue can occur with:

  • Address information
  • Contact details
  • Patient demographics
  • Registration information

The criterion does not mean information can never be requested twice. Security, validity, and other defined exceptions can apply.

A useful implementation approach is to map every multi-step patient journey and identify which values should persist between stages.

3.3.8 Accessible Authentication (Minimum)

Level: AA

This is one of the most important WCAG 2.2 changes for patient-facing healthcare platforms.

The criterion addresses authentication processes that require users to perform cognitive-function tests. WCAG identifies mechanisms such as password-manager support and copy and paste as examples that can reduce cognitive burden.

For a patient portal, review:

  • Username and password entry
  • Password-manager compatibility
  • Copy and paste behaviour
  • CAPTCHA
  • Multi-factor authentication
  • One-time passcodes
  • Recovery workflows

WCAG 2.2 does not simply say that CAPTCHA is prohibited. The criterion contains specific requirements, alternatives, and exceptions concerning cognitive-function tests.

That nuance matters because healthcare teams sometimes replace one authentication barrier with another without testing the complete login journey.

For teams researching SC 3.3.8 accessible authentication healthcare requirements, the practical priority is to test whether patients can authenticate without unnecessary memory, transcription, or problem-solving demands.

3.3.9 Accessible Authentication (Enhanced)

Level: AAA

This criterion provides a stricter authentication requirement than 3.3.8. It addresses cognitive-function tests and requires an alternative authentication method or a mechanism that assists users with the test.

Healthcare organisations targeting WCAG 2.2 AA should not present 3.3.9 as an AA requirement.

However, AAA requirements can still influence design decisions where patient access, organisational policy, or a higher accessibility target justifies additional controls.

Which new WCAG 2.2 criteria matter most for patient portals?

Patient portals concentrate several of the new WCAG 2.2 requirements into a single journey. Authentication, forms, appointment booking, navigation, and mobile interactions can all create barriers.

Based on our healthcare IT experience, five criteria deserve particular attention during portal reviews:

  1. 1.3.3.8 Accessible Authentication
  2. 2.3.3.7 Redundant Entry
  3. 3.2.5.8 Target Size (Minimum)
  4. 4.2.4.11 Focus Not Obscured (Minimum)
  5. 5.2.5.7 Dragging Movements

Patient registration

Registration commonly involves several related fields and multiple steps. Review whether information persists correctly, whether errors can be recovered without starting again, and whether keyboard users can complete the entire process.

Patient login

Authentication deserves more than a visual check. Test password managers, copy and paste, MFA flows, CAPTCHA implementations, focus behaviour, and error recovery.

Appointment booking

Calendar interfaces frequently introduce small targets, focus problems, dragging interactions, and repeated data entry.

For mobile booking, review whether dates, buttons, close controls, and navigation elements remain sufficiently separated and usable.

Patient portal navigation

Persistent navigation, floating controls, help mechanisms, and modal interfaces can affect focus visibility and consistent help.

If the portal itself needs redevelopment, Qrolic Health provides accessible patient portal development with accessibility considerations incorporated into patient-facing workflows.

An accessible patient portal should be assessed as a complete journey rather than as a collection of isolated screens.

Did You Know ?

WCAG 2.2 adds 9 new success criteria covering focus visibility, dragging, target size, consistent help, redundant entry, and accessible authentication. For healthcare websites, these changes affect patient portals, appointment forms, login flows, navigation, and other patient-facing journeys where accessibility barriers can prevent users from completing essential tasks.

WCAG 2.2 for healthcare websites: what developers and designers need to test

A WCAG 2.2 review should combine automated tools, manual testing, keyboard testing, assistive technology, and journey-level testing. NHS guidance explicitly recommends automated testing, manual testing, and testing with people, while noting that automated testing covers only some accessibility requirements.

Keyboard testing

Run the complete patient journey without a mouse.

Check:

  • Login
  • Search
  • Appointment booking
  • Forms
  • Modals
  • Menus
  • Date pickers
  • Portal navigation

Confirm that every interactive control can receive focus and that focus remains visible.

Focus testing

Test sticky headers, cookie banners, chat widgets, modal windows, and fixed footers.

The critical question is not whether focus exists in the code. It is whether the user can identify and operate the focused component.

Touch and pointer testing

Review appointment buttons, calendar controls, icons, close controls, and mobile navigation.

Measure target sizes where appropriate, then check spacing and nearby controls against the WCAG exceptions.

Form testing

Review repeated information, preserved inputs, autocomplete, validation, and error recovery.

A form can technically submit successfully while still creating unnecessary barriers during completion.

Authentication testing

Test password managers, copy and paste, CAPTCHA implementations, MFA, and screen-reader compatibility.

The authentication process should be tested from start to finish, including failed attempts and recovery.

NHS guidance also recommends testing accessibility throughout development rather than relying exclusively on a final audit.

If your organisation needs a broader implementation assessment, our healthcare accessibility and WCAG compliance services focus on accessibility requirements across healthcare digital experiences.

Does WCAG 2.2 apply differently to US and UK healthcare organisations?

Yes. The technical standard and the applicable regulatory position should be considered separately.

United States: WCAG 2.2 vs Section 504

For recipients of HHS federal financial assistance covered by Section 504, HHS adopted WCAG 2.1 Level AA as the technical standard for covered web content and mobile applications.

In May 2026, HHS OCR announced a one-year extension to the applicable compliance dates. The revised deadlines are May 11, 2027 for recipients with 15 or more employees and May 10, 2028 for recipients with fewer than 15 employees.

Therefore, a US healthcare organisation should not automatically claim that WCAG 2.2 AA is its legal requirement simply because WCAG 2.2 is the current W3C Recommendation.

There is also an important technical planning point. HHS states that an alternative standard such as WCAG 2.2 AA or AAA may qualify under the rule's equivalent facilitation provision when it provides substantially equivalent or greater accessibility and usability.

Your compliance team should therefore document the legal baseline separately from the engineering target.

NHS and UK public-sector healthcare

Current NHS guidance states that NHS services should meet WCAG 2.2 and identifies 6 of 9 new criteria at A and AA levels as requirements for NHS websites and mobile apps. The remaining three new criteria are AAA.

That makes WCAG 2.2 particularly important for NHS-facing digital teams and suppliers.

Why healthcare teams should still design toward WCAG 2.2

Even when your applicable legal requirement references WCAG 2.1, adopting WCAG 2.2 as an engineering target can provide a clearer current accessibility baseline.

The practical benefits include:

  • Addressing newer interaction barriers earlier
  • Reducing repeated accessibility redesign
  • Building stronger component standards
  • Testing patient journeys rather than isolated pages
  • Preparing development teams for evolving accessibility expectations

The key is to describe this as an engineering and accessibility strategy, not as a universal legal requirement.

WCAG 2.2 checklist, migration strategy & engineering approach

WCAG 2.2 healthcare website checklist before launch

Use the following checklist before launching or materially changing a patient-facing healthcare website.

Design

  • Focus states are visible.
  • Interactive targets have been reviewed.
  • Help mechanisms appear consistently.
  • Dragging interactions have alternatives.
  • Mobile controls provide adequate separation.

Development

  • Keyboard navigation works across patient journeys.
  • Focus is not obscured.
  • Previously entered information is handled appropriately.
  • Form values persist where required.
  • Authentication supports accessible mechanisms.

QA

  • Automated accessibility testing has been completed.
  • Keyboard testing has been completed.
  • Screen-reader testing has been completed where appropriate.
  • Mobile interaction has been tested.
  • Manual WCAG review has been completed.
  • Complete patient journeys have been tested.

Governance

  • The target conformance level is documented.
  • WCAG requirements are mapped to development work.
  • Third-party components have been reviewed.
  • Accessibility testing is repeated after significant interface changes.

What should you do if your healthcare website currently meets WCAG 2.1?

A WCAG 2.1 implementation does not necessarily require a complete rebuild to address WCAG 2.2.

Start with a structured migration review:

  1. 1.Inventory critical patient-facing journeys.
  2. 2.Map existing WCAG 2.1 controls.
  3. 3.Test the 9 new WCAG 2.2 criteria.
  4. 4.Prioritise applicable A and AA criteria.
  5. 5.Fix barriers in patient-critical workflows first.
  6. 6.Re-test complete processes after remediation.
  7. 7.Document applicable exceptions and decisions.
  8. 8.Add WCAG 2.2 checks to development QA.

The amount of development work depends on your existing components and architecture.

A mature design system may require targeted component updates. Older platforms with tightly coupled interfaces may need broader changes, particularly around authentication, forms, calendars, and navigation.

Qrolic Health's approach to healthcare accessibility

Accessibility work becomes more effective when it starts during product design rather than at the final QA stage.

Qrolic Health works on healthcare websites and patient-facing platforms where accessibility considerations intersect with forms, portals, integrations, authentication, content, and patient workflows.

Our approach is to treat accessibility as part of design, development, integration, and QA. That allows teams to identify interaction problems earlier and connect WCAG requirements directly to the components and journeys patients use.

For organisations planning remediation or a new healthcare platform, the goal is not simply to produce an accessibility checklist. It is to establish a practical technical baseline that developers, designers, product owners, and QA teams can maintain.

Conclusion

WCAG 2.2 changes healthcare accessibility primarily through interaction requirements. The most important areas for patient-facing teams include authentication, repeated information, touch targets, focus visibility, and alternative interaction methods.

The 9 new success criteria should be assessed against real journeys such as registration, login, appointment booking, forms, telehealth, and patient portal navigation. At the same time, healthcare organisations must distinguish WCAG's technical guidance from jurisdiction-specific legal obligations.

For US organisations covered by HHS Section 504, WCAG 2.1 AA remains the specified technical standard. NHS guidance currently requires WCAG 2.2 for NHS services.

Treating WCAG 2.2 as part of product engineering and QA gives your team a clearer way to address accessibility before patients encounter barriers.

Need to Bring a Healthcare Website or Patient-Facing Platform Toward WCAG 2.2?

Qrolic Health can help assess existing experiences, identify accessibility gaps across critical patient journeys, and plan the development work needed to address them.

Contact Qrolic Health

Frequently Asked Questions

Qrolic Health Technical Team

Qrolic Health Technical Team

Updated for 2026 Compliance Guidance
Qrolic Health - Healthcare Website Design Specialists

Qrolic Health works on healthcare websites and patient-facing platforms where accessibility needs to be considered across design, development, integrations, authentication, forms, and quality assurance.

Ready to Start Your Healthcare Project?

Let's discuss your goals and show you how we can build a secure, accessible, and high-performing healthcare website.

Healthcare projects portfolio brief - HIPAA & NHS Compliant Web Development