WCAG 2.2 - All Success Criteria

Accessibility Checkpoints

Description

If a web page provides any of the following help mechanisms - human contact details, a human contact mechanism (such as a chat widget), a self-help option (such as an FAQ), or a fully automated contact mechanism (such as a chatbot) - and that mechanism is repeated across multiple pages of a website, it must appear in the same relative order in the page layout on each page. This new WCAG 2.2 criterion helps users with cognitive disabilities locate help reliably without needing to search for it each time they visit a new page.

How To Test

  1. Identify whether the page provides any help mechanism: human contact details, a chat widget, a helpdesk email, an FAQ link, or an automated chatbot.
  2. Navigate to several other pages within the same website that include the same help mechanism.
  3. On each page, note the relative position of the help mechanism in relation to surrounding landmark regions and content blocks (e.g., header, nav, main, footer).
  4. Verify that the help mechanism appears in the same relative order and location across all pages reviewed.
  5. Check that changes in page content, length, or layout do not cause the help mechanism to shift its relative position in the page structure.
  6. If user-initiated changes (such as expanding menus) temporarily alter the position, confirm that the mechanism returns to its standard location.

Testing Tools

Demo

Consistent help demo

The help link appears in a different position on each step - users who rely on consistent layout cannot predict where to find it.

Step 1 of 3

Enter your details

Help
Step 2 of 3

Review your order

Help
Code

Demo 2: Chat Widget Availability

Chat widget consistency demo

Chat widget is available on product pages but hidden on support/FAQ pages - users cannot find help where they need it.

Product Page

View our latest products

💬
Support/FAQ Page

Find answers to common questions

Chat widget not available here

Code

Fail Explanation

A failure occurs when help mechanisms are present across multiple pages but appear in different positions relative to other page content. For example, if a live chat button appears in the top-right corner on the homepage but in the footer on the contact page and in a sidebar on the product page, users with cognitive disabilities or memory impairments may be unable to find assistance when they need it most. Inconsistent placement adds unnecessary cognitive load and may effectively deny help to users who struggle to adapt to changing layouts.

Pass Explanation

A page passes when any help mechanism that appears across the site is consistently placed in the same relative location within the page template - for example, always appearing as the last item in the primary navigation, or always positioned in the site footer before the copyright notice. The specific position does not matter as long as it remains predictable and consistent across all pages where it appears.

Notes

This criterion applies only to help mechanisms that are repeated across multiple pages; a help section unique to a single page (such as a dedicated support page) is not in scope. The requirement is about relative order within the page, not pixel-precise positioning, so responsive layout reflows that maintain structural order are acceptable.

Techniques

WCAG techniques used in this demo: G220

Suggested Solutions & References