W3C Accessibility Guidelines (WCAG) 3.0
W3C Accessibility Guidelines (WCAG) 3.0
W3C Working Draft
03 March 2026
More details about this document
This version:
Latest published version:
Latest editor's draft:
History:
Commit history
Editors:
Rachael Bradley Montgomery
Library of Congress
Alastair Campbell
Nomensa
Chuck Adams
Oracle
Kevin White
W3C
Giacomo Petri
UsableNet
Julie Rawe
Understood.org
Francis Storr
Intel Corporation
Makoto Ueki
Invited Expert
Hidde de Vries
Logius
Former editors:
Jeanne Spellman
TetraLogical
Michael Cooper, Staff Contact, 2016-2023
W3C
Shawn Lauriat, Editor, 2016-2023
Google, Inc.
Wilco Fiers, Project Manager, 2021-2023
Deque Systems, Inc.
Feedback:
GitHub w3c/wcag3
pull requests
new issue
open issues
public-agwg-comments@w3.org
with subject line
[wcag-3.0]
… message topic …
archives
2021-2026
World Wide Web Consortium
W3C
liability
trademark
and
document use
rules apply.
Abstract
W3C
Accessibility Guidelines (WCAG) 3.0 will provide a wide range of recommendations for making web content more accessible to users with disabilities. Following these guidelines will address many of the needs of users with blindness, low vision and other vision impairments; deafness and hearing loss; limited movement and dexterity; speech disabilities; sensory disorders; cognitive and learning disabilities; and combinations of any of these disabilities. These guidelines address the accessibility of web content on desktops, laptops, tablets, mobile devices, wearable devices, and other Web of Things devices. The guidelines apply to various types of web content, including static, dynamic, interactive, and streaming content; audiovisual media; virtual and augmented reality; and alternative access presentation and control. These guidelines also address related web tools such as user agents (browsers and assistive technologies), content management systems, authoring tools, and testing tools.
Each
guideline
in this standard provides information on accessibility practices that address documented
user needs
of people with disabilities. Guidelines are supported by multiple
requirements
and
assertions
to determine whether the need has been met. Guidelines are also supported by technology-specific
methods
to meet each requirement or assertion.
To keep pace with changing technology, this specification is expected to be updated regularly with updates to and new methods, requirements, and guidelines that address new needs as technologies evolve. For entities that make formal claims of
conformance
to these guidelines, several levels of conformance are available to address the diverse nature of digital content and the type of testing that is performed.
For an overview of WCAG 3 and links to WCAG technical and educational material, see
WCAG 3 Introduction
Status of This Document
This section describes the status of this
document at the time of its publication. A list of current
W3C
publications and the latest revision of this technical report can be found
in the
W3C
standards and drafts index
This is an update to
W3C
Accessibility Guidelines (WCAG) 3.0. It includes all requirements that have reached the developing status.
To comment,
file an issue in the wcag3 GitHub repository
. Create separate GitHub issues for each comment, rather than commenting on multiple topics in a single issue. It is free to create a GitHub account to file issues. If filing issues in GitHub is not feasible, email
public-agwg-comments@w3.org
comment archive
).
In-progress updates to the guidelines can be viewed in the
public Editor's Draft
This document was published by the
Accessibility Guidelines Working Group
as
a Working Draft using the
Recommendation track
Publication as a Working Draft does not
imply endorsement by
W3C
and its Members.
This is a draft document and may be updated, replaced, or obsoleted by other
documents at any time. It is inappropriate to cite this document as other
than a work in progress.
This document was produced by a group
operating under the
W3C
Patent
Policy
W3C
maintains a
public list of any patent disclosures
made in connection with the deliverables of
the group; that page also includes
instructions for disclosing a patent. An individual who has actual
knowledge of a patent that the individual believes contains
Essential Claim(s)
must disclose the information in accordance with
section 6 of the
W3C
Patent Policy
This document is governed by the
18 August 2025
W3C
Process Document
1.
Introduction
This section (with its subsections) provides advice only and does not specify guidelines, meaning it is
informative
or non-normative.
Plain language summary of
Introduction
W3C
Accessibility Guidelines (WCAG) 3.0 shows ways to make web content and apps usable by people with
disabilities. WCAG 3 is a newer standard than the Web Content Accessibility Guidelines (WCAG) 2.
WCAG 3 does not replace WCAG 2. WCAG 2 is used around the world and will still be required by different countries for a long time to come.
Meeting WCAG 2 at AA level means you will be close to meeting WCAG 3, but there may be differences.
This draft only includes requirements that have reached the developing status. This means that we have a general agreement on the topic but not all the details are worked out.
We would like feedback on this draft. You can raise a
GitHub issue
or email
public-agwg-comments@w3.org
End of summary for
Introduction
1.1
About this draft
This draft includes an updated list of the potential guidelines, requirements, and assertions that have progressed to
Developing status
. While this draft has moved closer towards completion, it still has several years of work. Details will change and we encourage comments based on the questions below.
Requirements and assertions at the Exploratory status are not included in this Working Draft. If you would like to see the complete list, please review the
Editor's Draft
Please consider the following questions when reviewing this draft:
Are there user needs which are not covered?
The conformance model has been updated, there are several questions in the
conformance section
Is the "applies when" and "except when" format for requirements understandable and useful?
Does the increased granularity of the requirements help understanding and application or would consolidating requirements be a better approach?
To provide feedback, please open a new issue in the
WCAG 3 GitHub repository
. Create a separate GitHub issue for each topic, rather than commenting on multiple topics in a single issue.
If it's not feasible for you to use GitHub, email your comments to
public-agwg-comments@w3.org
comment archive
). Please put your comments in the body of the message, not as an attachment.
1.1.1
Draft requirements
The list of requirements is longer than the list of success criteria in WCAG 2. This is because:
the intent at this stage is to be as inclusive as possible of potential requirements, and
WCAG 3 requirements are more granular than WCAG 2 success criteria.
The final set of requirements in WCAG 3 will be different from what is in this draft. Requirements are likely to be added, combined, and removed. We also expect changes to the text of the requirements. Not all of the requirements will be used to meet the base level of conformance.
1.1.2
Section status levels
As part of the WCAG 3 drafting process, each
normative
section of this document is given a status. This status is used to indicate how far along in the development this section is, how ready it is for experimental adoption, and what kind of feedback the Accessibility Guidelines Working Group is looking for.
Placeholder
: This content is temporary. It showcases the type of content to expect here. All of this is expected to be replaced. No feedback is needed on placeholder content.
Exploratory
: This content is not refined; details and definitions may be missing. The working group is exploring what direction to take with this section. Feedback should be about the proposed direction.
Developing
: This content has been roughly agreed on in terms of what is needed for this section, although not all high-level concerns have been settled. Details have been added, but are yet to be worked out. Feedback should be focused on ensuring the section is usable and reasonable, in a broad sense.
Refining
: This content is ready for wide public review and experimental adoption. The working group has reached consensus on this section. Feedback should be focused on the feasibility of implementation.
Mature
: This content is believed by the working group to be ready for recommendation. Feedback on this section should be focused on edge-case scenarios that the working group may not have anticipated.
1.2
About WCAG 3
This specification presents a new model and guidelines to make web content and applications accessible to people with disabilities.
W3C
Accessibility Guidelines (WCAG) 3.0 supports a wide set of user needs, uses new approaches to testing, and allows frequent maintenance of guidelines and related content to keep pace with accelerating technology changes. WCAG 3 supports this evolution by focusing on the
functional needs
of users. These needs are then supported by guidelines that are written as outcome statements, requirements, assertions, and technology-specific methods to meet those needs.
WCAG 3 is a successor to
Web Content Accessibility Guidelines 2.2
WCAG22
] and previous versions, but does not
deprecate
WCAG 2. It will also incorporate some content from and partially extend
User Agent Accessibility Guidelines 2.0
UAAG20
] and
Authoring Tool Accessibility Guidelines 2.0
ATAG20
]. These earlier versions provided a flexible model that kept them relevant for over 15 years. However, changing technology and changing needs of people with disabilities have led to the need for a new model to address content accessibility more comprehensively and flexibly.
There are many differences between WCAG 2 and WCAG 3. The WCAG 3 guidelines address the accessibility of web content on desktops, laptops, tablets, mobile devices, wearable devices, and other Web of Things devices. The guidelines apply to various types of web content, including static, dynamic, interactive, and streaming content; visual and auditory media; virtual and augmented reality; and alternative access presentation and control methods. These guidelines also address related web tools such as user agents (browsers and assistive technologies), content management systems, authoring tools, and testing tools.
Each
guideline
in this standard provides information on accessibility practices that address documented
user needs
of people with disabilities. Guidelines are supported by multiple
requirements
to determine whether the need has been met. Guidelines are also supported by technology-specific
methods
to meet each requirement.
Content that conforms to WCAG 2.2 Level A and Level AA is expected to meet most of the minimum conformance level of this new standard but, since WCAG 3 includes additional tests and different scoring mechanics, additional work will be needed to reach full conformance. Since the new standard will use a different conformance model, the Accessibility Guidelines Working Group expects that some organizations may wish to continue using WCAG 2, while others may wish to migrate to the new standard. For those that wish to migrate to WCAG 3, the Working Group will provide transition support materials, which may use mapping and other approaches to facilitate migration.
2.
Guidelines
Developing
This section (with its subsections) provides requirements which must be followed to
conform
to the specification, meaning it is
normative
Plain language summary of
Guidelines
The following guidelines are being considered for WCAG 3. They are currently a list of topics which we expect to explore more thoroughly in future drafts. The list includes current WCAG 2 guidance and additional requirements. The list will change in future drafts.
Unless otherwise stated, requirements assume the content described is provided both visually and
programmatically
End of summary for
Guidelines
Editor's note
The individuals and organizations that use WCAG vary widely and include web designers and developers, policy makers, purchasing agents, teachers, and students. To meet the varying needs of this audience, several layers of guidance will be provided including guidelines written as outcome statements, requirements that can be tested, assertions, a rich collection of methods, resource links, and code samples.
The following list is an initial set of potential guidelines and requirements that the Working Group will be exploring. The goal is to guide the next phase of work. They should be considered drafts and should not be considered as final content of WCAG 3.0
Ordinarily, exploratory content includes editor's notes listing concerns and questions for each item. Because this Guidelines section is very early in the process of working on WCAG 3, this editor's note covers most of the content in this section. Unless otherwise noted, all items in the list are exploratory at this point. It is a list of all possible topics for consideration. Not all items listed will be included in the final version of WCAG 3.0.
The guidelines and requirements listed below came from analysis of user needs that the Working Group has been studying, examining, and researching. They have not been refined and do not include essential exceptions or methods. Some requirements may be best addressed by authoring tools or at the platform level. Many requirements need additional work to better define the scope and to ensure they apply correctly to multiple languages, cultures, and writing systems. We will address these questions as we further explore each requirement.
Additional Research
One goal of publishing this list is to identify gaps in current research and request assistance filling those gaps.
Editor's notes indicate the requirements within this list where the Working Group has not found enough research to fully validate the guidance and create methods to support it or additional work is needed to evaluate existing research. If you know of existing research or if you are interested in conducting research in this area, please file a
GitHub issue
or send email to
public-agwg-comments@w3.org
comment archive
).
2.1
Images and media
Developing
Guideline 2.1.1
Image alternatives
Users have equivalent alternatives for images.
Core requirement:
Images detectable
Developing
Non-
decorative
images are detectable.
Images detectable issues
Applies when
content includes non-
decorative
images.
Tests
This section is non-normative.
Procedure
For each non-decorative image:
Check the code to see if it has been marked up in a way that makes it detectable; or
For technologies where the code cannot be checked, use a screen reader to test that the image is detectable.
Expected results
#1 or #2 is true.
Core requirement:
Decorative images hidden
Developing
Decorative
images are
programmatically
hidden.
Decorative images hidden issues
Tests
This section is non-normative.
(General) No accessible name
Procedure
Check for any images that add no information to the content.
Check that the image has no accessible name.
Expected results
#2 is true.
(HTML) Using an empty
alt
attribute for an
image
element
Procedure
For any image that adds no information to the content:
Check that
title
aria-label
aria-labelledby
etc. is either absent or empty.
Check that an
alt
attribute is present and empty.
Expected results
#1 is true.
#2 is true.
Core requirement:
Image alternatives available
Developing
Equivalent
text alternatives
are
available
for images that convey
content
Image alternatives available issues
Tests
This section is non-normative.
Provide a text alternative for the image in a way that conveys the equivalent meaning or content that’s displayed visually.
(General) Equivalent text alternative
Procedure
For each non-decorative image:
Remove, hide, or mask the image.
Replace it with the text alternative.
Check that the meaningful content in the image is described by the text alternative.
If the image includes words that are important to understanding the content, check that those words are included in the text alternative.
Expected results
#3 is true.
#4 is also true, if the image includes words that are important to understanding the content.
Guideline 2.1.2
Media alternatives
Users have equivalent alternatives for
audio
and
video
content
Core requirement:
Transcripts available
Developing
Transcripts
are
available
for all
audio
and
video
content
Transcripts available issues
Except when
The audio or video content is an alternative for text and clearly labelled as such.
It is a background video with no spoken content.
Tests
This section is non-normative.
(General) Transcript is available
Procedure
For each instance of audio or video:
Check that a transcript is available.
Expected results
#1 is true.
Core requirement:
Media alternatives equivalent
Developing
Equivalent
media alternatives
are
available
for
audio
and
video
content.
Media alternatives equivalent issues
Except when
It is a background video with no spoken content.
Tests
This section is non-normative.
Media alternative is equivalent
Procedure
For each instance of audio or video content:
Check that a media alternative is available for that content.
Check that the content of the media alternative is equivalent to the meaningful information in the media content.
Expected results
#1 and #2 are true.
Core requirement:
Media alternatives findable
Developing
mechanism
is
available
within the page/view to access the
media alternatives
for audio and video.
Media alternatives findable issues
Except when
It is a decorative audio or video.
Tests
This section is non-normative.
Link to text description of audio or video content
Procedure
For each instance of audio or video:
Check that a text description or link to a text description is provided for each audio or video.
Expected results
#1 is true.
Supplemental requirement:
Speakers identified
Developing
Speakers are identified understandably within all
media alternatives
Speakers identified issues
Except when
The speaker has a hidden identity as part of narrative structure.
Identity is identifiable within the context of use.
Applies when
There are multiple speakers in the video.
Example
Initially using “Maya Angelou” within the context of a story regarding poetry and then using “Angelou”.
Tests
This section is non-normative.
Consistent speaker name in transcript
Procedure
For each media alternative:
Check that each speaker in the audio or video is consistently identified.
Expected results
#1 is true.
Supplemental requirement:
Speaker language identified
Developing
When more than one language is spoken in
audio
content
, the language spoken by each speaker is identified in all
media alternatives
Speaker language identified issues
Except when
Words are used incidentally.
Tests
This section is non-normative.
Language identified in transcripts
Procedure
For each transcript that includes multiple languages:
Check that part(s) using a language different from the original language is programmatically determined in the media alternatives.
Expected results
#2 is true.
Core requirement:
Sounds identified
Developing
Sounds needed to understand the media are identified or described in
captions
and
transcripts
Sounds identified issues
Editor's note
This includes sound effects and other non-spoken
audio
content
Except when
it is a decorative video.
Applies when
there is sound.
Tests
This section is non-normative.
Meaningful sounds in captions
Procedure
For all audio content:
Identify meaningful non-verbal audio (sounds).
Check that captions include a description of the meaningful non-verbal audio.
Expected results
#2 is true.
Core requirement:
Visual information identified
Developing
Visual information needed to understand the media is described in the
transcript
and
audio description
Visual information identified issues
Editor's note
This includes actions, charts or
informative
visuals, scene changes, and on-screen
text
Tests
This section is non-normative.
Meaningful visual information in transcripts and audio descriptions
Procedure
For each transcript:
Check that the transcript includes a description of any visual information needed to understand the content of the audio or video.
Check that the audio description includes a description of any visual information needed to understand the content of the audio or video.
Expected results
#1 and #2 are true.
Supplemental requirement:
Sign language available (prerecorded)
Developing
Sign language interpretation
is provided for all
prerecorded
audio
content in the primary sign language of the intended audience or region.
Sign language available (prerecorded) issues
Except when
It is a decorative background sound.
Tests
This section is non-normative.
Sign language for audio only
Procedure
For each instance of prerecorded audio content:
Check that a sign language translation is available.
Check that the sign language translation conveys all the auditory information needed to understand the full context and meaning in the pre-recorded audio content.
Expected results
#1 and #2 are true.
Assertion:
Sign language available (live)
Developing
[Title, role, or organization] asserts that:
Sign language available (live) issues
We provide
Sign language interpretation
for all
live
audio
content in the primary sign language of the intended audience or region.
Information that needs to be included publicly:
Title, role or organization making the assertion (if different from the conformance claim).
Date of assertion (if different from the date of the conformance claim).
Example recording of a signed live event.
Recommended internal documentation (Informative):
Procurement procedure for sign language interpreters.
Assertion:
Media alternatives style guide
Developing
[Title, role, or organization] asserts that:
Media alternatives style guide issues
Our organization has a style guide that includes guidance on
media alternatives
and a policy and/or processes that the style guide must be followed
Information that needs to be included publicly:
Title, role or organization making the assertion (if different from the conformance claim).
Date of when the style guide was published.
Date of assertion (if different from the date of the conformance claim).
Recommended internal documentation (Informative):
Summary of the needs of users involved.
Identified issues and details of solutions applied.
Section labels relevant to image alternatives, or
Copy or snapshot of the style guide
Example
Name:
ABC Inc. Style Guide for Captions
Version:
1.2
Date:
October 2024
Description:
The style guide include
sections
such as:
What are captions?
Who needs captions?
Guideline
provided by WCAG 3
Recommended style of captions
Resources
Example:
The style guide has requirements such as:
Never use more than two lines
Use parentheses for sound representation
Identify no sound or long pause
Assertion:
Accessible video player selected
Developing
[Title, role, or organization] asserts that:
Accessible video player selected issues
We provide a
video
player that supports appropriate
media alternatives
. The video player includes the following features [list all that apply]:
Supports closed
captions
in a standard caption format;
Turning captions on and off;
Turning
audio descriptions
on and off;
Adjusting caption styles, including but not limited to: font size, font weight, font style, font color, background color, background transparency, and placement;
Changing the location of captions; and
Changing the language of the audio descriptions.
Applies when
a video is used that does not play in standard browsers.
Information that needs to be included publicly:
Title, role or organization making the assertion (if different from the conformance claim).
Date of assertion (if different from the date of the conformance claim).
Feature included from the list
Recommended internal documentation (Informative):
Video player documentation detailing functional support for media alternatives.
Assertion:
Media alternatives usability testing
Developing
[Title, role, or organization] asserts that:
Media alternatives usability testing issues
We have conducted usability testing with users who need
media alternatives
, and changes were made to fix or mitigate the issues found.
Information that needs to be included publicly:
Title, role or organization making the assertion (if different from the conformance claim).
Date of when the usability testing was conducted.
Date of assertion (if different from the date of the conformance claim).
Recommended internal documentation (Informative):
Scope
Types of disabilities each user had
Number of users (for each type of disability)
Date of testing
Identified issues and details of solutions applied.
Example
Scope:
videos on the following URLs:
“What is accessibility?”
“About assistive technologies”
“How to use WCAG”
Type and number:
8 users in total
5 users who are deaf
3 users who are hard of hearing
Dates:
10-11 October 2024
Examples of fixed issues:
Identified where the speaker changed
Described background music
Indicated that a dog was barking
Assertion:
Reviewed by content authors
Developing
[Title, role, or organization] asserts that:
Reviewed by content authors issues
We have reviewed the
media alternatives
Information that needs to be included publicly:
Title, role or organization making the assertion (if different from the conformance claim).
Date of the review
Date of assertion (if different from the date of the conformance claim).
Recommended internal documentation (Informative):
Role of the creator
Number of creators (for each Role)
Date (Period) of review
Examples of fixed issues based on the review
Example
Roles and numbers:
3 creators
1 director
1 planner
1 screenwriter/playwright
Period:
10-21 October 2024
Examples of fixed issues:
Provided more details based on feedback
Rewrote some scripts to reflect the director’s intent.
Added the description of the background shown in the video
Guideline 2.1.3
Non-text alternatives
Users have alternatives available for non-
text
, non-image
content
that conveys context or meaning.
Core requirement:
Non-text content not relied on
Developing
All
non-text content
that is not decorative includes a programmatically determinable equivalent text alternatives.
Non-text content not relied on issues
Tests
This section is non-normative.
HTML alternative text for images
Procedure
Examine the source code of the HTML document to identify all non-decorative
img
elements.
Each img element has an
alt
attribute.
The
alt
attribute provides a text alternative which conveys meaning or content that is displayed visually.
If the image includes words that are important to understanding the content, the words are included in the text alternative.
Expected results
#2, #3 and #4 are true.
(Mobile) Videos include accessible name
Procedure
For each instance of non-text content:
Using native mobile screen reader to review all videos in the app.
When videos are navigated to an accessible name is read out.
The accessible name includes the title of the video.
Expected results
#2 and #3 are true.
Guideline 2.1.4
Captions
Users have
captions
for the
audio
content
Supplemental requirement:
Captions adjustable
Developing
The appearance of
captions
, including associated visual indicators, is adaptable including font size, font weight, font style, font color, background color, background transparency, and placement.
Captions adjustable issues
Tests
This section is non-normative.
Procedure
For each caption:
Check that the appearance of captions and associated visual indicators is adaptable including font size, font weight, font style, font color, background color, background transparency, and placement
Expected results
#1 is true.
Core requirement:
Captions available (prerecorded)
Developing
Captions
are available for all prerecorded
audio
content
Captions available (prerecorded) issues
Except when
The audio content is an alternative for text and clearly labelled as such.
Tests
This section is non-normative.
Procedure
For each pre-recorded media asset:
If the captions format is closed captions:
Turn on the closed caption feature of the media player
View the synchronized media content
Check that captions (of all dialogue and important sounds) are visible and in the human language of the video
If the captions format is open captions:
Check that captions (of all dialogue and important sounds) are visible and in the human language of the video
Expected results
#1 or #2 is true.
Core requirement:
Captions available (live)
Developing
Captions
are available for all live
audio
content
Captions available (live) issues
Tests
This section is non-normative.
Procedure
For all live audio content:
Check that captions are provided
Expected results
#1 is true.
Supplemental requirement:
Captions unobstructed
Developing
Captions
are placed on the screen so that they do not hide visual information needed to understand the
video
content
Captions unobstructed issues
Tests
This section is non-normative.
Procedure
For each caption:
Check if caption doesn’t hide visual information needed to understand the video content
Expected results
#1 is true.
Core requirement:
Captions synchronized
Developing
Captions
are synchronized with the
audio
content
of
synchronized media
Captions synchronized issues
Tests
This section is non-normative.
Procedure
For each caption:
Check if it is in sync with video content
Expected results
#1 is true.
Core requirement:
Captions centered (immersive)
Developing
In 360-degree digital environments,
captions
remain directly in front of the user.
Captions centered (immersive) issues
Applies when
the position of the captions is controlled by the user.
Tests
This section is non-normative.
Procedure
For each caption in 360-degree environments:
Check that captions remain directly in front of the user.
Expected results
#1 is true.
Supplemental requirement:
Captions controllable
Developing
mechanism
is available to turn
captions
on and off.
Captions controllable issues
Except when
Captions are hard coded into the video content.
Tests
This section is non-normative.
Procedure
For each caption:
Check that content with captions provides a mechanism to turn on and off the captions.
Expected results
#1 is true.
Core requirement:
Direction indicated (immersive)
Developing
In 360-degree digital environments, the direction of a sound or speech is indicated when
audio
is heard from outside the current
view
Direction indicated (immersive) issues
Example
Visual indicators:
An arrow with an outline pointing to the speaker or the direction of a sound
Customizable styles:
Users can select various arrow sizes, colors, and outline colors
Tests
This section is non-normative.
Procedure
For each instance of audio that is heard from outside the current view in a 360-degree digital environment:
Check that the captions indicate the direction of a sound or speech.
Expected results
#1 is true.
Guideline 2.1.5
Audio descriptions
Users have
audio descriptions
for
video
content
Core requirement:
Audio descriptions available (prerecorded)
Developing
Audio descriptions
are available in prerecorded
video
for visual
content
needed to understand the media.
Audio descriptions available (prerecorded) issues
Editor's note
WCAG 3 needs to specify how to handle video content with
audio
that does not include gaps to insert audio descriptions. Two possible solutions are providing an exception that allows the
content author(s)
to use
descriptive transcripts
instead or requiring content authors to provide an
extended audio description
Except when
the video content is an alternative for text and clearly labelled as such.
Tests
This section is non-normative.
Procedure
For prerecorded video:
Check that audio description is available for visual content needed to understand the media
Expected results
#1 is true.
Core requirement:
Audio descriptions synchronized
Developing
Audio descriptions
are synchronized with
video
content
without overlapping dialogue and meaningful
audio
content.
Audio descriptions synchronized issues
Except when
There are no audio descriptions.
Tests
This section is non-normative.
Procedure
For synchronized media with audio description:
Check that audio description is in sync with video content in synchronized media.
Check that audio description doesn’t overlap with dialogue and meaningful audio content.
Expected results
#1 and #2 are true.
Supplemental requirement:
Audio descriptions available (live)
Developing
Audio descriptions
are available in live
video
for visual
content
needed to understand the media.
Audio descriptions available (live) issues
Tests
This section is non-normative.
Procedure
For each live media broadcast:
Check that a secondary audio option exists that provides live audio description of the broadcast.
Expected results
#1 is true.
Core requirement:
Extended audio descriptions available
Developing
The
video
pauses to extend the
audio
track and provides an
extended audio description
to describe visual information needed to understand the media.
Extended audio descriptions available issues
Applies when
the existing pauses in a soundtrack are not long enough.
Tests
This section is non-normative.
Procedure
For each media asset with visual content:
Play the media with the extended audio description on.
Check that the extended audio description includes all important visual information that cannot be understood from the main soundtrack alone.
Expected results
#2 is true.
Supplemental requirement:
Audio description language adjustable
Developing
mechanism
is available that allows users to change the
audio description
language if multiple languages are available.
Audio description language adjustable issues
Tests
This section is non-normative.
Procedure
For each media asset with audio content:
Check that a version of the media has audio description available in alternative languages and the language of audio description can be changed by the user.
Alternatively, check that alternative versions of the media exist that have audio description available in alternative languages.
Expected results
#1 or #2 is true.
Guideline 2.1.6
Figure captions
Users can view
figure captions
even if not focused at figure.
Editor's note
Requirements and assertions for this guideline do not appear here
because they have not yet progressed beyond exploratory.
See the
Editor's Draft
for
the complete list of potential requirements and assertions.
Guideline 2.1.7
Single sense
Users have
content
that does not rely on a single sense or perception.
Core requirement:
Hue not relied on
Developing
Information is not conveyed by hue alone.
Hue not relied on issues
Note
Information conveyed includes presenting data or meaning, indicating an action, prompting a response, distinguishing between items, conveying boundaries, etc. Artistic expression is not part of information conveyed.
Except when
Content is artistic or expressive.
Content is designed only for a device that is limited to presenting hues.
Tests
This section is non-normative.
Procedure
For each instance where information is conveyed by hue:
Check that at least one additional visual indicator is present that conveys the same information.
Expected results
#1 is true.
Core requirement:
Graphical object contrast sufficient
Developing
Parts of graphical object required to understand the content meet a minimum
contrast ratio test
Graphical object contrast sufficient issues
Except when
a particular presentation of graphical objects is essential to the information being conveyed.
Tests
This section is non-normative.
Procedure
For each part of a graphical object that conveys information:
Check that these parts meet the minimum contrast ratio with adjacent colors.
Expected results
#1 is true.
Core requirement:
Visual depth not relied on
Developing
Information is not conveyed through visual depth perception alone.
Visual depth not relied on issues
Tests
This section is non-normative.
Procedure
For each instance where information is conveyed by visual depth:
Check that at least one additional visual indicator is present that conveys the same information.
Expected results
#1 is true.
Core requirement:
Sound not relied on
Developing
Information is not conveyed by sound alone.
Sound not relied on issues
Except when
Content is audio-based media.
Note
Information conveyed includes presenting data or meaning, indicating an action, prompting a response, distinguishing between items, conveying boundaries, etc. Artistic expression is not part of information conveyed.
Tests
This section is non-normative.
Procedure
For each instance where information is conveyed by sound:
Check that the information is also conveyed in a way that does not use sound, for instance with a visual, text, or haptic indicator.
Expected results
#2 is true.
Core requirement:
Spatial audio not relied on
Developing
Information is not conveyed by
spatial audio
alone.
Spatial audio not relied on issues
Note
Information conveyed includes presenting data or meaning, indicating an action, prompting a response, distinguishing between items, conveying boundaries, etc. Artistic expression is not part of information conveyed.
Tests
This section is non-normative.
Procedure
For each instance where information is conveyed by spatial audio:
Check that the information is also conveyed in a way that does not use sound, for instance with a visual text, or haptic indicator.
Expected results
#1 is true for all instances.
2.2
Text and wording
Guideline 2.2.1
Text appearance
Users can read visually rendered
text
Editor's note
AGWG remains committed to providing Text Appearance guidance for multiple
scripts and/or languages. To support our internationalization goals, AGWG is exploring
ways to:
not require WCAG 3 to be republished when metrics are added for more scripts/languages,
make script/language-specific metrics normative,
meet the needs of different scripts and languages by allowing flexibility in which metrics are required and in their values, and
preserve backward compatibility.
Core requirement:
Text size adjustable
Developing
Text can be increased in size to at least 200% of the platform’s default body-text size.
Text size adjustable issues
Except when
the same text is available elsewhere in the page/view which can be increased to at least 200% of the platform’s default body-text size.
Tests
This section is non-normative.
Procedure
For each block of text:
Use each platform mechanism for increasing text size.
Check that at least one mechanism can achieve a 200% text-size increase.
Expected results
#2 is true.
Core requirement:
Text color adjustable
Developing
The foreground and background color of text can be adjusted without losing content or functionality.
Text color adjustable issues
Note
The requirement is that the text is manipulable and the colors can be overridden. That could be achieved by the user-agent (including operating system, browser, and assistive technology), or provided by the content author.
Applies when
text is presented, including text embedded in an image format.
Except when
the text is:
also present elsewhere in the
page
view
which meets the requirement,
part of an inactive Interactive element,
pure decoration,
not visible to anyone,
part of a picture that includes significant other visual content,
part of a logo.
Tests
This section is non-normative.
Procedure
For each block of text:
Adjust the foreground and background color to a high-contrast light-on-dark theme.
Check that content and functionality is not lost.
Adjust the foreground and background color to a high-contrast dark-on-light theme.
Check that content and functionality is not lost.
Expected results
#2 and #4 are true.
Supplemental requirement:
Text customizations retained
Developing
Content that is exported, saved, or printed retains user-applied text-appearance customizations.
Text customizations retained issues
Applies when
the page/view can be exported, saved, or printed.
Example 1
Examples of interoperable formats
PDF
HTML
SVG
OpenDocument
Example 2
Examples of non-interoperable formats
Scriptable Network Graphics
DOCX, unless you know your audience has the required software (for example, you’re writing internal documents for your company which provides employees with the necessary software)
Java object code
Tests
This section is non-normative.
Procedure
For each page/view:
Adjust aspects of the text appearance, such as size, style, and color.
Export, save, and print the content.
Check that the customizations in #1 remain intact in the exported/saved/printed version. If there are multiple export options, check that at least one preserves the customizations.
Expected results
#3 is true.
Guideline 2.2.2
Text-to-speech
Users can access
text content
and its meaning with text-to-speech tools.
Core requirement:
Text detectable
Developing
All visible
text
has a
programmatically determinable
equivalent.
Text detectable issues
Except when
making visible text programmatically determinable would lead to duplication within the view.
Tests
This section is non-normative.
Procedure
For all visible text:
2. If the text is embedded in an image, check that the text has a
text alternative
or can be accurately read using the
accessibility support set
3. If text content, check that the text is not hidden using code such as the
aria-hidden
attribute.
Expected results
#2 and #3 are true.
Core requirement:
Human language detectable
Developing
The
human language
of all
content
within the
view
is
programmatically determinable
Human language detectable issues
Except when
a language tag is not available in ISO 639 language codes, or
the technology used to create the view does not support indicating languages.
Tests
This section is non-normative.
Procedure
For text content:
Establish which language is used.
Check that the content’s language is identified in the HTML code with a lang attribute.
Expected results
#2 is true.
Core requirement:
Numerical metadata available
Developing
Numerical information includes sufficient context in written text and a programmatic equivalent to avoid confusion when presenting dates, temperatures, time, and Roman numerals.
Numerical metadata available issues
Note
Numerical metadata is information that provides context about the numbers presented. This context helps users understand what the numbers represent and how they should be read. Without these cues, numbers can be ambiguous or misleading, making it harder for users to understand the intended meaning—especially across different regions, disciplines, or assistive technologies.
Example
Dates include markers for day and month such as “3 May 2025” instead of the ambiguous “03/05/2025.”
Temperatures specify degrees Celsius or Fahrenheit such as “0° C” or “32° F.”
Times specify am, pm, or 24-hour clock such as “1 pm” or “13:00.”
Roman numerals include a programmatic equivalent, such as an aria-label of “Henry the Fourth” for
Henry IV
, or an inline alternative, such as Super Bowl LIX (59).
Tests
This section is non-normative.
Procedure
For each date, temperature, time, or Roman numeral presented visually:
Check that it uses an unambiguous format.
Check that it provides an alternative in an unambiguous format within the same page/view.
Expected results
#1 or #2 are true.
Guideline 2.2.3
Clear language
Developing
Users can understand the content without having to process complex or unclear language.
Editor's note
This
guideline
will include exceptions for poetic, scriptural, artistic, and other content whose main goal is expressive rather than
informative
Editor's note
See also:
Structure
as these guidelines are closely related.
Editor's note
To ensure this guideline works well across different languages,
members of AGWG, Cognitive and Learning Disabilities Accessibility Task Force (COGA), and internationalization (i18n) agreed on an initial set of languages to pressure-test the guidance.
The five “guardrail” languages are:
Arabic
Hindi
Mandarin
Russian
We started with the six official languages of the United Nations (UN). Then we removed French and Spanish because they are similar to English. We added Hindi because it is the most commonly spoken language that is not on the UN list.
The group of five languages includes a wide variety of language features, such as:
Right-to-left
text
layout
Vertical text layout
Tonal sounds that affect meaning
This list doesn’t include every language, but it helps keep the work manageable while making the guidance more useful for a wide audience.
We will work with
W3C
’s Global Inclusion community group, the Internationalization (i18n) task force, and others to review and refine the testing and techniques for these
requirements
. We also plan to create guidance for translating the guidelines into more languages in the future.
Core requirement:
Abbreviations explained
Developing
Explanations of
abbreviations
are available when first used.
Abbreviations explained issues
Except when
the abbreviation is:
used so often it has become a word with its own dictionary entry, such as “scuba,” “info,” and “HTML”
used in a logo
included in a longer phrase, such as “brand DNA,” whose meaning needs to be defined to meet the
non-literal language requirement
Example
(Pass) ‘He has Avoidant/Restrictive Food Intake Disorder (ARFID).’
(Pass) ‘He has [ARFID].’ — (link to a glossary or tooltip.)
(Fail) ‘He has ARFID.’ — (first reference, no explanation is available.)
Tests
This section is non-normative.
Procedure
For any abbreviation in the content:
Check that an explanation is available for the first use of the abbreviation.
For an abbreviation that has no explanation available, check that it is included in a dictionary intended for the general public.
Expected result
#1 or #2 is true.
Supplemental requirement:
Non-literal language explained
Developing
Explanations or unambiguous alternatives are available in
text content
for
non-literal language
, such as idioms and metaphors.
Non-literal language explained issues
Except when
text content is:
poetic,
scriptural,
artistic, or
expressive rather than informational.
Editor's note
Translation software and other tools can aid
content authors
in identifying non-literal language.
Tests
This section is non-normative.
Procedure
For each phrase of
non-literal language
in
text content
Check that access is provided to an unambiguous alternative or to an explanation of the non-literal text.
Check that the non-literal text is presented in a way that is available to
user agents
, including
assistive technologies
(AT).
Check that the
accessibility support set
meets ‘Non-literal language explained’.
Expected results
#1 and #2 are true, or
#3 is true.
Core requirement:
Diacritics available
Developing
Diacritics required to identify the correct meaning of each word are available.
Diacritics available issues
Applies when
human language
has a version that removes diacritics for proficient readers.
Note 1
A diacritic is a small mark that is added to a letter or character that changes how it is pronounced or what it means. Diacritics may appear above, below, within, or between letters or characters.
Note 2
Hebrew and Arabic are examples of human languages that omit diacritics for proficient readers.
Example 1
The Hebrew word
אמר
, with three consonants and no diacritics
Without diacritics to represent the vowels,
אמר
can represent different verb and noun forms of “to say.”
Readers must rely on context to determine the intended pronunciation and meaning.
Example 2
The Hebrew word
אָמַר
, with diacritics under two of the three consonants
A diacritic (whose unicode looks similar to an uppercase T) under the א makes an “ah” sound.
A horizontal mark under the מ makes a short “a” sound.
Pronunciation: ah-mar
Meaning: “He said”
Example 3
The Hebrew word
יֹאמַר
, with diacritics in front of the first consonant and under another
A mark (that looks similar to a floating comma) in front of the word indicates future tense, masculine.
A dot above the prefix makes an “o” sound.
A horizontal mark under the מ makes a short “a” sound.
Pronunciation: yo-mar
Meaning: “He will say”
Example 4
The Hebrew word
אֹמֶר
, with a different set of diacritics above one consonant and under another
A dot above the first letter makes an “o” sound.
Three dots forming a small triangle under the מ make a short “e” sound.
Pronunciation: oh-mer
Meaning: “utterance; saying” (noun)
Tests
This section is non-normative.
Procedure
For all text content:
Check for content that has missing diacritics.
Check that an alternative version to text identified in #1 is provided that includes diacritics needed to identify the correct meaning of each word.
Check that the
accessibility support set
meets ‘Diacritics available’.
Expected results
#2 or #3 is true.
Supplemental requirement:
No nested clauses
Developing
Sentences do not include
nested clauses
No nested clauses issues
Except when
text content
is poetic, scriptural, artistic, or expressive rather than informational, or
provides
legal information
Example
(Fail) ‘The teacher was surprised that the student who did well on yesterday’s test was absent today.’
(Pass) ‘The teacher was surprised that the student was absent today. This was unexpected because he did well on yesterday’s test.’
Tests
This section is non-normative.
Procedure
For each sentence:
For all nested clauses in the sentence (introduced by nesting conjunctions such as ‘because’, ‘although’, ‘if’, ‘that’, ‘which’, ‘who’, ‘when’, and ‘where’).
Check that each initial nested clause does not contain other nested clauses within it.
Check that a technology in the
accessibility support set
meets ‘No nested clauses’.
Expected results
#1 or #2 is true.
Supplemental requirement:
No unnecessary words
Developing
Sentences do not include
unnecessary words
No unnecessary words issues
Except when
text content
is:
poetic,
scriptural,
artistic, or
expressive rather than informational.
Example
redundant modifiers such as ‘free gift’ and ‘past history’
double negatives to express a positive such as ‘She didn’t see nothing’ (which can be shortened to ‘She saw nothing’)
indirect phrasing such as ‘at this point in time’ (which can be shortened to ‘now’)
noun versions of verbs, such as ‘take into consideration’ (which can be shortened to ‘consider’)
Note
Automated tools can help
content authors
identify unnecessary words in many languages, including Arabic, English, Hindi, Mandarin, and Russian.
Tests
This section is non-normative.
Procedure
For each sentence:
Identify any words that may be unnecessary.
Remove or replace the phrase with a simpler alternative.
Check that no meaning is lost.
Check that a technology in the
accessibility support set
meets ‘No unnecessary words.’
Expected results
#3 or #4 is true.
Assertion:
Clear language review
Developing
[Title, role, or organization] asserts that:
Clear language review issues
Our organization has a process and policy to review
text content
for
clear language
before publication. The process includes confirming:
All of the core requirements in the ‘Clear Language’ guideline are met.
Verb tense is chosen for ease of understanding.
Content uses short paragraphs.
Paragraphs that convey information begin with a sentence stating the main point or purpose (often called a topic sentence).
If a style guide is used by
content authors
, it must provide guidance on these aspects of clear language.
If author training is provided, it must provide guidance on these aspects of clear language.
Information that needs to be included publicly:
Title, role, or organization making the assertion (if different from the conformance claim).
Date of when the policy was implemented.
Date of assertion (if different from the date of the conformance claim).
Recommended internal documentation (Informative):
Copy of the policy implementing the clear language review.
Date author training was provided (if any).
Number or proportion of authors who completed the training.
Copy of the style guide (if any) where clear language review has been defined.
Assertion:
Visual aids review
Developing
[Title, role, or organization] asserts that:
Visual aids review issues
Our organization has a process and policy for reviewing
text content
to identify complex ideas such as processes, workflows, relationships, or chronological information, and adding
visual aids
to help readers understand them.
Information that needs to be included publicly:
Title, role or organization making the assertion (if different from the conformance claim)
Date of when the policy was implemented
Date of assertion (if different from the date of the conformance claim)
Recommended internal documentation (Informative):
Copy of the policy implementing the use of visual aids
Date author training was provided (if any)
Number or proportion of authors who completed the training
Copy of the style guide (if any) where visual aids have been defined
2.3
Interactive components
Guideline 2.3.1
Keyboard focus appearance
Developing
Users can see which element has
keyboard focus
How to meet Keyboard focus appearance
Supplemental requirement:
Default focus indicator used
Developing
The focusable
item
uses the
user agent
default
focus indicator
Default focus indicator used issues
Tests
This section is non-normative.
Procedure
For user agents that allow the customization of focus indicators:
Use the keyboard to move focus onto the item.
Check that the focus indicator is the user agent’s default indicator.
For platform display changes, check that the focus indicator’s color is correct for the type of element.
Expected results
#2 and #3 are true.
Core requirement:
Focus indicator contrast sufficient
Developing
If a custom
focus indicator
is used, it has sufficient adjacent contrast and change of contrast.
Focus indicator contrast sufficient issues
Applies when
the user agent’s default focus indicator is replaced by a custom focus indicator.
Tests
This section is non-normative.
Procedure
For each element able to attain focus:
Using a keyboard, tab to the component.
Check that the focus indicator contrast meets the minimum contrast ratio test.
Expected results
#2 is true.
Supplemental requirement:
Focus indicator size sufficient
Developing
If a custom
focus indicator
is used, it has sufficient size and adjacency.
Focus indicator size sufficient issues
Applies when
the user agent’s default focus indicator is replaced by a custom focus indicator.
Tests
This section is non-normative.
Procedure
For each custom focus indicator:
Check that the focus indicator is at least as large as the area of a 2 CSS pixel thick perimeter of the unfocused component or sub-component, and
Check that the focus indicator has a contrast ratio of at least 3:1 between the same pixels in the focused and unfocused states.
Except when
the focus indicator is determined by the user agent and cannot be adjusted by the author, or
the focus indicator and the indicator’s background color are not modified by the author.
Expected results
#1 and #2 are true.
Assertion:
Focus indicator style guide
Developing
[Title, role, or organization] asserts that:
Focus indicator style guide issues
Our organization has a style guide that includes guidance on focus indicators and a policy and/or processes that the style guide must be followed.
Information that needs to be included publicly:
Title, role or organization making the assertion (if different from the conformance claim).
Date of when the design style guide was published.
Date of assertion (if different from the date of the conformance claim).
Recommended internal documentation (Informative):
Copy of the policy implementing the use of design style guide on focus style.
Whether training was provided for authors
Date training was provided.
Number or proportion of authors who completed the training.
A copy of the design style guide (if any) where focus style has been defined.
Guideline 2.3.2
Pointer focus appearance
Users can see the location of the
pointer
focus.
Core requirement:
Pointer activation indicated (minimum)
Developing
There is a visible indication of the activation of an interactive element when selected by the
pointer
Pointer activation indicated (minimum) issues
Applies when
The platform does not use a visible pointer indicator.
Note
This is primarily aimed at touch-interfaces and VR where you don’t have a pointer indicator, but do need to know when something has been selected.
Tests
This section is non-normative.
Procedure
Where the platform does not use a visible pointer indicator, for each interactive element:
Check that there is an indicator of activation.
Expected results
#1 is true.
Supplemental requirement:
Pointer activation indicated (enhanced)
Developing
The user can choose to always have a visible
pointer
indicator.
Pointer activation indicated (enhanced) issues
Applies when
The platform does not use a visible pointer indicator.
Note
This is primarily aimed at eye-tracking and touch-screens, where it is useful for the user to be able to have a visible indicator, but it wouldn’t be universal (i.e., it might get in the way for some users).
Tests
This section is non-normative.
Procedure
For each pointer indicator:
Check the settings of the
platform
or
conformance scope
for the ability to have an always-visible pointer indicator.
Expected results
#1 is true.
Core requirement:
Pointer contrast sufficient
Developing
The default pointer meets the @@[non-text-contrast] requirement, and is at least as large as the platform default.
Pointer contrast sufficient issues
Note
There can be multiple types of pointer indicator (e.g. arrow, hand, caret). The size requirement applies to whichever type of indicator would be the default for that scenario.
Applies when
the pointer indicator appearance can be adjusted from the platform default.
Tests
This section is non-normative.
Procedure
For each custom pointer indicator:
Identify which visual information defines the boundaries of the interactive area.
Check if the visual information meets the minimum contrast ratio test.
For each possible state, repeat step 1 and 2.
Expected results
#3 is true for each state.
Supplemental requirement:
Default pointer used
Developing
The user can ensure that the appearance of the
pointer
is not overridden by the authored interface.
Default pointer used issues
Except when
Changing the pointer appearance is essential.
Editor's note
Methods & best practices:
No scripting or styling overrides the pointer indicator appearance.
A setting is provided so that the pointer indicator appearance is not overridden.
Tests
This section is non-normative.
Procedure
For each pointer indicator:
Check that the pointer uses the standard platform indicator.
Check for a setting that the user can enable to use the standard platform indicator.
Expected results
#1 or #2 is true.
Core requirement:
Pointer focus indicated
Developing
There is a visible
pointer
indicator.
Pointer focus indicated issues
Except when
The pointer is on a video - it can be hidden if there is a pointer mechanism to un-hide the pointer indicator.
The pointer controls the direction of view in a virtual or real world environment.
Note 1
Examples of pointers which do not always show the pointer indicator:
A touch-screen interface does not need to have an indicator as the pointer is not on an element before activating it.
An eye-tracking interface highlights the element under the gaze of the user, but otherwise does not have a pointer indicator.
A game where you use the pointer to move the entire view around a virtual environment.
Note 2
Methods & best practices:
Method: Interactive elements are highlighted when the pointer is on the element.
For example, a set of image-links are shown, and the one under the pointer is highlighted with an outline or size-change.
Tests
This section is non-normative.
Procedure
With appropriate user-settings enabled:
Move the pointer (mouse, eye tracker, hand gesture in VR space, …).
Check that there is some form of indication of where the user is pointing to.
Expected results
#2 is true.
Core requirement:
Pointer visible
Developing
The
pointer
indicator is always visible.
Pointer visible issues
Except when
The pointer is on a video and is not moving.
The pointer controls the direction of view in a virtual or real world environment.
Note
Methods & best practices
Method: No styling or scripting hides the pointer indicator.
Tests
This section is non-normative.
Procedure
If the pointer is ever not visible:
Check that it meets one of the exceptions.
Expected results
#1 is true.
Supplemental requirement:
Enhanced pointer available
Developing
Provide a more visible
pointer
indicator than the platform default. The enhanced pointer indicator can be enabled in a setting, and be visible temporarily (for a few seconds) or permanently.
Enhanced pointer available issues
Note
Methods & best practices:
Provide a setting to adjust the pointer indicator.
Tests
This section is non-normative.
Procedure
For each pointer indicator:
Check for a setting that increases the visibility.
Check that it works in the conformance scope of web pages/views.
Expected results
#1 and #2 are true.
Guideline 2.3.3
Navigating content
Users can determine where they are and move through
content
(including
interactive elements
) in a systematic and meaningful way regardless of input or movement
method
Core requirement:
Focus relevant
Developing
The focus order does not include hidden, static, or groups of repeated interactive elements.
Focus relevant issues
Tests
This section is non-normative.
Procedure
For groups of repeated interactive elements (for example, a site-wide navigation bar on a website):
Check that a method of skipping them is available.
Check that hidden interactive elements do not receive focus.
Check that static elements do not receive focus.
Expected results
#1, #2, and #3 are true.
Supplemental requirement:
Focus retained
Developing
A user can focus on a
content
“area”, such as a modal or popup, then resume their view of all content using a limited number of steps.
Focus retained issues
Tests
This section is non-normative.
Procedure
For each situation where the keyboard focus is removed:
Check that the keyboard focus moves to its previous location, or, if that no longer exists, to another meaningful location.
Expected results
#1 is true.
Core requirement:
Focus order meaningful
Developing
The
keyboard focus
moves sequentially through
content
in an order and way that preserves meaning and operability.
Focus order meaningful issues
Note
The
Common Keyboard Navigation Techniques
are considered logical by default
Having the navigation follow a consistent pattern on the page would be an indication of logic (if it is not consistently random).
A strictly start-to-end order is not required.
Linear means in a single direction (forward/backward) - and is not required as long the non-linear (x-y) technique is in the Common Keyboard Navigation Techniques or is described on the page or where the user will encounter it prior.
Tests
This section is non-normative.
Procedure
For each page/view:
Determine the logical order of the interactive elements.
Starting with the first focusable element in the page/view, tab through the interactive elements in the content.
Check that the focus order of the interactive elements in the content is the same as the logical order in #1.
Expected results
#3 is true.
Guideline 2.3.4
Expected behavior
Users can interact with
interactive elements
that behave as expected.
Assertion:
Consistent interactions
Developing
[Title, role, or organization] asserts that:
Consistent interactions issues
A review has been conducted and changes made (when necessary) to ensure that
Components
with the same functionality behave consistently:
Components that perform the same function behave in the same way and use the same visual indicators.
Within the component,
interactive elements
with the same function have consistent labels.
Standard user interface designs for the platform are used when applicable.
Information that needs to be included publicly:
Title, role or organization making the assertion (if different from the conformance claim).
Date of when the review was completed.
Date of assertion (if different from the date of the conformance claim).
Recommended internal documentation (Informative):
Results from the review.
Process or policy for maintaining the review.
Assertion:
Conventional pattern used
Developing
[Title, role, or organization] asserts that:
Conventional pattern used issues
A review has been conducted and changes made (when necessary) to ensure that
Components
follow established conventions:
Each component follows applicable platform conventions for how users interact with that type of component.
If a component library is used, then each component in the library:
is tested for accessibility before being used
follows applicable platform conventions for how users interact with that type of component
Information that needs to be included publicly:
Title, role or organization making the assertion (if different from the conformance claim).
Date of when the review was completed.
Date of assertion (if different from the date of the conformance claim).
Recommended internal documentation (Informative):
Results from the review.
Process or policy for maintaining the review.
Note
A component library specifies a set of standardized components used in a product or products. It can include code to use, but at a minimum would define how the component is used and define pointer, keyboard, and assistive technology interactions.
Using a component library can help larger teams and organizations provide a consistent experience.
Examples of component libraries include
GDS
Carbon Design System
, and
Lion
Examples of platform patterns are
ARIA Platform Authoring Guide
(web),
Apple human interface guidelines
, and
Android Material Design
Guideline 2.3.5
Control information
Users have information about
interactive elements
that is identifiable and usable visually and using
assistive technology
Core requirement:
Interactive element contrast sufficient
Developing
Visual information required to identify
interactive elements
and states meet a minimum
contrast ratio test
Interactive element contrast sufficient issues
Except when
the interactive element is inactive, or
when the appearance of the component is determined by the
user agent
and not modified by the content author.
Tests
This section is non-normative.
Procedure
For each interactive element:
Identify which visual information defines the boundaries of the interactive area.
Check if the visual information meets the minimum contrast ratio test.
For each possible state, repeat step 1 and 2.
Expected results
#2 and #3 are true.
Core requirement:
Interactive element names available
Developing
Persistent names (including labels) that identify the purpose of the interactive element are visually and programmatically available.
Interactive element names available issues
Note
Visible labels can be text or non-text, for instance icons.
Editor's note
Methods & best practices
Method: Provide unique, descriptive text or image (icon) for each interactive element.
Best Practice: Ensure clarity by pairing an icon with a persistent visible text label or only use a persistent visible text label.
Best Practice: When an icon is the only visual label, provide a tooltip (hover label) with the text description.
Tests
This section is non-normative.
Procedure
For each interactive element:
Confirm it has a visual label that describes the element.
Confirm the visual label persists during use.
Expected results
#1 and #2 are true.
Core requirement:
Changes to elements notified
Developing
Changes to
interactive elements
’ names, roles, values or states are visually and
programmatically indicated
Changes to elements notified issues
Editor's note
Methods & best practices:
Method: Add code that clearly defines the name, role, value and state.
Method: visually indicate the names, roles and values of the interactive element.
Method: HTML - html tags or aria
Tests
This section is non-normative.
Procedure
For each interactive element:
Confirm that the role, value, and state (when applicable) are visually indicated in all states.
Inspect the code and accessibility tree (when available) to confirm that the name, role, value and state (when applicable) are indicated.
Expected results
#1 and #2 are true.
Core requirement:
Input constraints used
Developing
Field constraints and conditions (required line length, date format, password format, etc.) are available.
Input constraints used issues
Editor's note
Methods & best practices
Method (HTML): to programmatically indicate, use the pattern attribute or write the information in a label; to visually indicate, add the requirements to the page near the input.
Best practice: the constraints remain persistent
Tests
This section is non-normative.
Procedure
For each input:
Confirm it has a visual information that describes the constraint.
Inspect the code and accessibility tree (when applicable) and confirm that the constraint is programmatically listed in the code and associated with the input.
Expected results
#1 and #2 are true.
Core requirement:
Label included in programmatic name
Developing
The programmatic name includes the visual label.
Label included in programmatic name issues
Editor's note
Methods & best practices
Method: Code the same name as you display.
Best Practice: Use unique names and keep the programmatic and visual names the same.
Tests
This section is non-normative.
Procedure
For each interactive element:
Identify the interactive elements’ programmatic name.
Identify the interactive element’s visual name.
Check that #1 includes all of #2.
Expected results
#3 is true.
Core requirement:
Roles, values, states, properties available
Developing
Accurate names, roles, values, and
states
are available for
interactive elements
Roles, values, states, properties available issues
Editor's note
Methods & best practices
Method (HTML): use HTML elements according to specification.
Method (ARIA): add roles, values, states, and properties according to specification.
Tests
This section is non-normative.
Procedure
For each interactive element:
Inspect the code and accessibility tree (when available) to confirm that the role, value, state, and properties (when applicable) are indicated.
Expected results
#1 is true.
2.4
Input / operation
Guideline 2.4.1
Keyboard interface input
Users can navigate and operate
content
using only the keyboard.
Core requirement:
Keyboard operable
Developing
All
components
on the
page
view
that can be operated by
pointer
audio
(voice or other),
gesture
, camera, or other means can be operated using
keyboard interface
only.
Keyboard operable issues
Tests
This section is non-normative.
Procedure
For each interactive element:
Check that it can be operated using only the keyboard and keyboard actions in the
Standard Keyboard Navigation & Operation Keys and Techniques
or described on the page where it is required or on a page earlier in the process where it is required.
Expected results
#1 is true.
Core requirement:
Keyboard accessible
Developing
All
content
that can be accessed by other input modalities can be accessed using
keyboard interface
only.
Keyboard accessible issues
Note 1
All content includes content made available via hovers, right clicks, etc.
Note 2
Other input modalities include
pointing devices
, voice and speech recognition,
gesture
, camera, and any other means of input or control.
Note 3
The
“Keyboard operable” requirement
allows you to navigate to all actionable elements, but if the next element is 5 screens down, you also need to be able to access all the content. Also, if the content is in expanding
sections
, you need to not only open them but also access all of the content, not just its actionable elements.
Tests
This section is non-normative.
Procedure
For all content on the
page
view
Check that the content can be viewed using the keyboard and keyboard actions in the
Standard Keyboard Navigation & Operation Keys and Techniques
Check that the content can be viewed using keyboard actions described on the page where it is required or on a page earlier in the process where it is required.
Expected results
#1 or 2 is true.
Core requirement:
Bidirectional navigation
Developing
The keyboard interface can always move forward to the next interactive element and back to the previous interactive element.
Bidirectional navigation issues
Note 1
Although keyboard navigation is required to be bidirectional, it is not required that it be symmetrical, even though this is usually best practice.
Note 2
Methods & best practices:
Method: Use standard HTML to create interactive elements.
Avoid modifying the tab order to be in only one direction.
Example
Tabbing through menus, hitting
space
to open a menu, tabbing off the end of the menu lands you on the next menu. A
shift
tab
may go back to the last item in the previous menu (symmetrical) or to the last menu (not symmetrical but also does not fail this requirement).
Tests
This section is non-normative.
Procedure
For each interactive element:
Check that when tabbing forwards, you can navigate to the interactive element and then to the next interactive element.
Check that when tabbing backwards, you can navigate to the interactive element and then to the previous interactive element.
Expected results
#1 and #2 are true.
Supplemental requirement:
Custom keys documented
Developing
Non-standard keyboard commands provided by content authors are documented and that documentation is programmatically and visually available from any
page
view
to which they apply.
Custom keys documented issues
Tests
This section is non-normative.
Procedure
For each non-standard (custom) keyboard command that works on a page/view:
Check that documentation of keyboard commands exists.
Check that the documentation is available from the page/view.
Expected results
#1 and #2 are true.
Core requirement:
No keyboard conflicts
Developing
Keyboard commands provided by content authors do not conflict with
standard platform keyboard commands
or they can be remapped.
No keyboard conflicts issues
Tests
This section is non-normative.
Procedure
For each author generated keyboard command:
Check that it does not conflict against the standard platform keyboard commands.
Check that it can be remapped.
Expected results
#1 or #2 is true.
Core requirement:
Keyboard navigable if responsive
Developing
If the
page
view
uses responsive design, the page / view remains fully keyboard navigable.
Keyboard navigable if responsive issues
Tests
This section is non-normative.
Procedure
For each breakpoint defined by the author and at minimum width:
Check that all keyboard input tests work.
Expected results
#1 is true.
Supplemental requirement:
Focus placed
Developing
When
keyboard focus
moves from one context to another within a
page
view
, whether automatically or by user request, the keyboard focus is preserved so that, when the user returns to the previous context, the keyboard focus is restored to its previous location unless that location no longer exists.
Focus placed issues
Example 1
When a user closes a modal dialog or other popup, keyboard focus is returned to the element that caused the dialog or popup to open.
Example 2
When there are tags, with a delete button on each tag, the keyboard focus needs to be moved to a meaningful location after a tag is deleted.
Editor's note
Method: When removing interactive elements such as filters, dialogs, or popups that currently contain focus, actively place the focus back on the element that led to that element, the previous element within the focus order, or another meaningful location.
Best Practice: Conduct usability testing with screen reader users to evaluate the focus movement.
Tests
This section is non-normative.
Procedure
For each situation where elements that have or contain keyboard focus are removed:
Check that the keyboard focus moves to its previous location, or, if that no longer exists, to another meaningful location.
Expected results
#1 is true for each situation.
Core requirement:
No keyboard traps
Developing
Components that can be activated or entered using the keyboard interface, can be deactivated or exited using a standard keyboard navigation-operation technique, standard platform keyboard commands.
No keyboard traps issues
Except when
The non-standard keyboard navigation technique is described on the
page
view
or earlier in the
process
Example
Examples include:
Ensuring that users can exit a modal dialog, menu, or calendar picker after entering it
Ensuring that users can deactivate an animation, video, drop down menu, or carousel after activating it.
Tests
This section is non-normative.
Procedure
For each interface element:
Check that you can exit from it in a forward or backward direction.
Expected results
#1 is true.
Core requirement:
Focus user-controlled
Developing
The
keyboard focus
only moves as a result of user interaction.
Focus user-controlled issues
Except when
The keyboard focus automatically moves to the next interactive elements in keyboard navigation order on completion of some user action, such when the focus moves between the fields for a time-based one-time password (TOTP) code.
The keyboard focus results from security or emergency situations, such as warning about an imminent session timeout that would cause the user to lose their work.
The user is informed of the potential keyboard focus move before it happens and given the chance to avoid the move.
Tests
This section is non-normative.
Procedure
For each time the keyboard focus changes:
Check that one of the following is true:
The focus was moved under direct user control
A new page / view such as a dialog is introduced and the focus is moved to it
The user is informed of the potential move and given the chance to avoid the move
The keyboard focus moves to the next item in keyboard navigation order
Expected results
#1 is true.
Supplemental requirement:
Focus movement relevant
Developing
Except for skip links and other elements that are hidden but specifically added to aid keyboard navigation, tabbing does not move the
keyboard focus
onto
content
that was not visible before the tab action.
Focus movement relevant issues
Note
Accordions, dropdown menus, and
ARIA tab panels
are examples of expandable content. According to this
requirement
, these would not expand simply because they include an element in the tab-order contained in them. They would either not expand or would not have any tab-order elements in them.
Example
A menu that expands when you tab to it, but then uses arrow keys to navigate in it would pass. But a menu that expands and then requires you to tab through all the newly-visible elements to navigate past it would fail.
Tests
This section is non-normative.
Procedure
For any interactive element:
Check that keyboard focus does not disappear into content that is not visible.
Check that hidden element does not automatically expand (become visible) when the keyboard focus is on it (unless it is a visually hidden element specifically added to aid keyboard navigation) (e.g. skip to main content).
Expected results
#1 and #2 are true.
Guideline 2.4.2
Physical or cognitive effort when using keyboard
Users can use keyboard without unnecessary physical or cognitive effort.
Supplemental requirement:
Navigation keys described
Developing
If any keyboard action needed to navigate, perceive, and operate the full
content
of the
page
view
is not a
common keyboard navigation technique
, then it is described in the page/view where it is required or on a page/view earlier in the
process
where it is used.
Navigation keys described issues
Note
Any
platform
-related functions are not the responsibility of the author as long as they are not overridden by the content. Examples:
Tab
and
Shift
Tab
to move through elements
Sticky Keys functionality that allows single key activation of multi-key commands
Tests
This section is non-normative.
Procedure
For each keyboard command needed to operate functionality:
Check that it is in the list of common keyboard navigation techniques.
Check that it is described on the page / view where it is required or on a page / view earlier in the process where it is used.
Expected results
#1 or #2 are true.
Supplemental requirement:
No repetitive links
Developing
Repetitive adjacent links that have the same destination are avoided.
No repetitive links issues
Editor's note
Supplemental if applicable to all
content
, else best practice.
Note 1
A common pattern is having a
component
that includes a linked image and some linked
text
, where both links go to the same content. Someone using screen reading software can be disoriented from the unnecessary chatter, and a keyboard user has to navigate through more tab stops than should be necessary. Combining adjacent links that go to the same content improves the user experience.
Note 2
Methods & best practices
Method: When repetitive links are used, remove them from the focus and reading order.
Method: Use a single link instead of multiple links to the same destination.
Best practice: Combine repetitive links into a single interactive element.
Tests
This section is non-normative.
Procedure
For set of adjacent links that go to the same destination:
Check that only one of the links is in the focus and reading order.
Expected Results
#1 is true.
Assertion:
Keyboard effort comparable
Developing
[Title, role, or organization] asserts that:
Keyboard effort comparable issues
A review has been conducted and changes made (when necessary) to ensure that there is minimal difference between the number of input commands required when using the
keyboard interface
only and the number of commands when using other input modalities.
Note
Other input modalities include
pointing devices
, voice and speech recognition,
gesture
, camera, and any other means of input or control.
Information that needs to be included publicly:
Title, role or organization making the assertion (if different from the conformance claim).
Date of when the review was conducted.
Date of assertion (if different from the date of the conformance claim).
Scope of assertion (if different from the conformance claim).
Recommended internal documentation (Informative):
Copy of the review implementing the use of user interface design principles that include minimizing the difference between the number of input commands required when using the keyboard interface only and the number of commands when using other input modalities.
Whether training was provided for authors.
Date training was provided.
Number or proportion of authors who completed the training.
A copy of the user interface design principles document.
Guideline 2.4.3
Pointer input
Pointer
input is consistent and all functionality can be done with
simple pointer input
in a time and pressure insensitive way.
Core requirement:
Pointer activation controllable
Developing
At least one of the following is true for functionality that can be activated using a
simple pointer input
Pointer activation controllable issues
No Down Event
The
down event
of the
pointer
is not used to execute any part of the function.
Cancel or Undo
Completion of the function is on the
up event
and a
mechanism
is available to cancel the function before completion, or there is a mechanism to undo the function after completion.
Up Reversal
The
up event
reverses any outcome of the preceding down event.
Except when
Completing the function on the down event is
essential
Example 1
An example of Cancel would be dragging where there is a pickup action on button down, but it can be canceled by dropping anywhere other than the drop area.
Example 2
Examples of places where action on down event may be essential include a descending-price auction or a game trigger.
Tests
This section is non-normative.
Procedure
For each element that can be activated with a simple pointer:
Check that the down-event of the pointer is not used to execute any part of the function.
Check that completion of the function is on the up-event, and a mechanism is available to abort the function before completion or to undo the function after completion.
Check that the up-event reverses any outcome of the preceding down-event.
Check that completing the function on the down-event is essential.
Expected results
Any of #1, #2, #3, or #4 is true.
Core requirement:
Simple pointer input available
Developing
All functionality and content available using
complex pointer inputs
is also available using a
simple pointer input
or a sequence of simple pointer inputs that do not require timing.
Simple pointer input available issues
Example
Examples of complex pointer inputs:
Double clicks
Dragging movements
Swipe
gestures
Multipoint gestures such as pinching, split tap, or two-finger rotor
Variable pressure or timing
Note 1
Complex pointer inputs are not banned, but they cannot be the only way to accomplish an action.
Note 2
Simple pointer input is different than
single pointer input
and is more restrictive than simply using a single pointer.
Tests
This section is non-normative.
Procedure
For each functionality that uses pointer input other than simple pointer input:
Check that it can also be operated by a simple pointer input or a sequence of simple pointer inputs that do not require timing.
Expected results
#1 is true.
Supplemental requirement:
Consistent pointer cancellation
Developing
The
method
of
pointer
cancellation is consistent for each type of interaction within a set of
pages
views
Consistent pointer cancellation issues
Except when
It is
essential
to be different.
Note
Where it is essential to be different, it can be helpful to alert the user.
Tests
This section is non-normative.
Procedure
For each type of pointer interaction:
Check that it can be cancelled with a consistent interaction.
Expected results
#1 is true.
Core requirement:
Pointer pressure not relied on
Developing
Specific
pointer
pressure is not the only way of achieving any functionality.
Pointer pressure not relied on issues
Except when
Specific pressure is
essential
to the functionality.
Example
Specific pressure would be essential to a paintbrush feature or advanced signature verification.
Note
Methods & best practices:
Method: When building in functionality that relies on pointer pressure, add a slider or other control that can complete the same functionality.
Tests
This section is non-normative.
Procedure
For each instance of interactive content:
Check that pointer pressure is not the only way to achieve any functionality.
Expected results
#1 is true.
Core requirement:
Pointer speed not relied on
Developing
Functionality does not rely solely on specific
pointer
speed.
Pointer speed not relied on issues
Except when
Specific pointer speed is
essential
to the functionality.
Example
Specific pointer speed would be essential to a paintbrush feature, advanced signature verification, or time-constrained gaming.
Tests
This section is non-normative.
Procedure
For each instance of functionality that uses a pointer:
Check that pointer speed is not the only way to achieve any functionality.
Expected results
#1 is true.
Guideline 2.4.4
Speech and voice input
Provide alternatives to speech input and facilitate speech control.
Core requirement:
Speech not relied on
Developing
Content or functionality does not rely on speech alone.
Speech not relied on issues
Except when
Speech input is
essential
to the functionality.
Editor's note
Methods & best practices
Method: When speech input is supported, an additional way of providing input is also supported.
Tests
This section is non-normative.
Procedure
For each functionality or content that is accessed using speech input:
Check that there is another way to complete the functionality.
Expected results
#1 is true.
Core requirement:
Real-time text available
Developing
A real-time text option is available for real-time bidirectional voice communication.
Real-time text available issues
Editor's note
Methods & best practices
Method: Provide a chat option for any voice communication
Tests
This section is non-normative.
Procedure
For each places where speech is used for communication (with human or AI):
Check that there is an alternative way to achieve the same function using real-time text.
Expected results
#1 is true.
Assertion:
Generated speech testing
Developing
[Title, role, or organization] asserts that:
Generated speech testing issues
We have tested voice input and communication systems with generated speech to ensure the systems work with artificial speech as well as human speech.
Information that needs to be included publicly:
Title, role or organization making the assertion (if different from the conformance claim).
Date of when the policy was implemented.
Date of assertion (if different from the date of the conformance claim).
Recommended internal documentation (Informative):
Systems tested.
Accuracy rates.
Guideline 2.4.5
Input operation
Users have the option to use different input techniques and combinations and switch between them.
Core requirement:
Hover or focus content dismissible
Developing
mechanism
is available to dismiss
content
that appears on
pointer
hover or
keyboard focus
without moving pointer hover or keyboard focus, unless the additional content does not obscure or replace other content
Hover or focus content dismissible issues
Example 1
Examples of additional content controlled by the user agent include browser tooltips created through use of the HTML
title
attribute.
Applies when
Receiving and then removing pointer hover or keyboard focus triggers additional content to become visible and then hidden, and the visual presentation of the additional content is controlled by the author and not by the
user agent
Note
This applies to content that appears in addition to the triggering of the
interactive element
itself. Since hidden interactive elements that are made visible on keyboard focus (such as links used to skip to another part of a
page
view
) do not present additional content, they are not covered by this
requirement
Example 2
Custom tooltips, sub-menus, and other non-modal popups that display on hover and keyboard focus.
Tests
This section is non-normative.
Procedure
For additional content that appears on hover:
Check that the content can be closed without moving the pointer way from the trigger. Either by pressing Esc, by pressing another documented keyboard shortcut, or by activating the trigger.
For additional content that appears on focus:
Check that the content can be closed without moving the focus away from the trigger. Either by pressing Esc, by pressing another other documented keyboard shortcut, or by activating the trigger.
Expected results
For additional content that appears on hover: #1 is true.
For additional content that appears on focus: #1 is true.
Core requirement:
Hover content persistent
Developing
If pointer hover can trigger
content
, then the pointer can be moved over the additional content without the additional content disappearing.
Hover content persistent issues
Example 1
Examples of additional content controlled by the user agent include browser tooltips created through use of the HTML
title
attribute.
Applies when
Receiving and then removing pointer hover or keyboard focus triggers additional content to become visible and then hidden, and the visual presentation of the additional content is controlled by the author and not by the
user agent
Note
This applies to content that appears in addition to the triggering of the
interactive element
itself. Since hidden interactive elements that are made visible on keyboard focus (such as links used to skip to another part of a
page
view
) do not present additional content, they are not covered by this
requirement
Example 2
Custom tooltips, sub-menus, and other non-modal popups that display on hover and keyboard focus.
Tests
This section is non-normative.
Procedure
For additional content that appears on hover:
Check that the pointer can be moved over the additional content without the additional content disappearing.
Expected results
#1 is true.
Supplemental requirement:
Hover or focus content persistent
Developing
Content
that appears on
pointer
hover or
keyboard focus
remains visible until the hover or keyboard focus trigger is removed, the user dismisses it, or its information is no longer valid.
Hover or focus content persistent issues
Example 1
Examples of additional content controlled by the user agent include browser tooltips created through use of the HTML
title
attribute.
Applies when
Receiving and then removing pointer hover or keyboard focus triggers additional content to become visible and then hidden, and the visual presentation of the additional content is controlled by the author and not by the
user agent
Note
This applies to content that appears in addition to the triggering of the
interactive element
itself. Since hidden interactive elements that are made visible on keyboard focus (such as links used to skip to another part of a
page
view
) do not present additional content, they are not covered by this
requirement
Example 2
Custom tooltips, sub-menus, and other non-modal popups that display on hover and keyboard focus.
Tests
This section is non-normative.
Procedure
For additional content or focus that appears on hover:
Check that the additional content stays visible and does not automatically close after a time.
Expected results
#1 is true.
Core requirement:
Path-based gesture not relied on
Developing
Path-based gestures
are not the only way of achieving any functionality.
Path-based gesture not relied on issues
Except when
A path-based gesture is
essential
to the functionality.
Tests
This section is non-normative.
Procedure
For each path-based gesture:
Check that the functionality is available without a path-based gesture.
Expected results
#1 is true.
Supplemental requirement:
Input method flexible
Developing
The ability to switch between input
methods
is available at any time.
Input method flexible issues
Note
This does not mean that all input technologies (
pointer
, keyboard, voice,
gesture
) need to be supported, but if an input modality is supported, it is supported everywhere in the
content
except where a particular input method is
essential
to the functionality.
Tests
This section is non-normative.
Procedure
For each input:
Set up multiple input types (pointer, keyboard, voice, gesture, etc.)
Check that you can switch between inputs and complete functionality
Expected results
#2 is true.
Core requirement:
Body movements not relied on
Developing
Functionality does not rely solely on full or gross body movement.
Body movements not relied on issues
Except where
Full or gross body movement is
essential
to the functionality.
Note
This includes both detection of body movement and actions to the device, such as shaking, that require body movement.
Tests
This section is non-normative.
Procedure
For each instance of functionality that uses body movement:
Check that the body movement is not the only way to achieve any functionality.
Expected results
#1 is true.
Core requirement:
Eye tracking not relied on
Developing
Content and functionality does not rely solely on eye tracking.
Eye tracking not relied on issues
Except when
Eye tracking is essential.
Note 1
This is primarily aimed at ensuring there is an alternative for people who cannot use eye-tracking (but do have sight) due to eye conditions.
Note 2
Some platforms may only allow eye tracking. Ideally the platforms allow additional mechanisms for control.
Tests
This section is non-normative.
Procedure
For platforms that use eye-tracking for pointer use:
Check that alternative, such as using a switch control, is available.
Expected results
#1 is true.
Core requirement:
Pointer accessible
Developing
Pointer selection of elements moves the
keyboard focus
to that element, even if the user selects an
interactive element
and drags away from the element without activation.
Pointer accessible issues
Applies when
Content can interfere with pointer or keyboard focus behavior.
Example
A user scrolls a document down six screens, then clicks on a paragraph with their pointer. The user then presses the
Tab
key, which moves the focus to the first interactive
component
after the position on the screen that was clicked, rather than from the previous position, six screens up the document.
Tests
This section is non-normative.
Procedure
For every interactive element that allows pointer selection (including click events on non-interactive elements):
Check that the keyboard focus moves when the pointer selects the element.
Expected results
#1 is true.
Guideline 2.4.6
Authentication
Users have alternative authentication
methods
available to them.
Core requirement:
Biometrics not relied on
Developing
Biometric
identification is not the only way to identify or authenticate.
Biometrics not relied on issues
Note 1
Biometrics includes facial recognition software, fingerprinting, vocal patterns and other voice characteristics.
Note 2
Methods & best practices
Method: When requiring biometric information for authentication, provide an additional way to authenticate that is not biometric. For example, if a finger print is required for authentication, then a password must also be supported.
Tests
This section is non-normative.
Procedure
For each method of biometric user authentication:
Check that there is at least one other method of non-biometric authentication.
Expected results
#1 is true.
Core requirement:
Voice identification not relied on
Developing
Voice identification is not the only way to identify or authenticate.
Voice identification not relied on issues
Tests
This section is non-normative.
Procedure
For each place where voice is used for identification:
Check that there is an alternative way to achieve authentication.
Expected results
#1 is true.
2.5
Error handling
Guideline 2.5.1
Correct errors
Users know about and can correct errors.
Core requirement:
Error notifications available
Developing
Errors that are
programmatically determined
are identified and the problem is described to the user in text.
Error notifications available issues
Example
Examples of errors:
Invalid form input
Server errors
Application errors
Tests
This section is non-normative.
Procedure
For each page/view:
Trigger errors.
For each error, check that the nature of the problem is identified and described.
Expected results
#2 is true for each error.
Supplemental requirement:
Error suggestions provided
Developing
Error messages include suggestions for corrections.
Error suggestions provided issues
Applies when
Errors require corrections by the user.
Except when
including suggestions would jeopardize the security or purpose of the
content
Tests
This section is non-normative.
Procedure
For each error message:
Check that the error needs correction by the user.
Check that the error message includes suggestions for how to fix the error.
Expected results
#1 and #2 are true.
Supplemental requirement:
Errors indicated in multiple ways
Developing
Error messages are visually indicated using at least two of the following:
Errors indicated in multiple ways issues
A symbol that is consistent throughout the
conformance scope
Color that differentiates the error message from surrounding
content
Text that clearly indicates the error.
Tests
This section is non-normative.
Procedure
For each validation error:
Check that it meets at least two of the listed indicators (symbol, color or text).
Expected results
#1 is true.
Supplemental requirement:
Error messages persistent
Developing
Error messages persist at least until the error is resolved or the user dismisses them.
Error messages persistent issues
Editor's note
Methods & best practices
Method: Keep track of the state of the error and make visibility of the error message depending on this state.
Method: In a form, revalidate all fields when the form is submitted and remove all error messages that are no longer relevant.
Method: Add a “Dismiss” button to the error that makes the error message disappear.
Best Practice: [1-2 sentence description or a link to an example]
Tests
This section is non-normative.
Procedure
For each error messages:
Check that the error message persists until the user fixes the error or dismisses the message.
Expected results
#1 is true.
Core requirement:
Errors associated
Developing
When input validation fails, the errors are visually and programmatically associated with the element that caused the error or that can resolve it.
Errors associated issues
Example
Examples of failing validation:
When input is required and the field is left empty
When the user input does not meet the requested format
Tests
This section is non-normative.
Procedure
For each validation error:
Check that validation error is indicated visually.
Check that validation error is indicated programmatically.
Expected results
#1 and #2 are true.
Supplemental requirement:
Error messages collocated
Developing
Error messages are
visually collocated with
the error source or the focus is moved to the error message and a mechanism is available to move to the input that is in error.
Error messages collocated issues
Applies when
Error messages relate to user input.
Tests
This section is non-normative.
Procedure
For each page/view:
Zoom in 400%
Trigger errors
Check that the error is visible next to the trigger or that the focus moves to the error.
Expected results
#3 is true.
Guideline 2.5.2
Prevent errors
Users can review, confirm and fix information they submit in order to prevent errors.
Core requirement:
Errors preventable
Developing
Data entry interfaces allow for users to do at least one of the following before submission:
Errors preventable issues
Review, confirm, and correct all information; or
Review and correct input errors found during validation.
Except when
entered data is auto-saved and/or reversible.
Editor's note
Editors are looking at removing the grey area that may exist in this requirement due to interpretations of the word “submission“ (pressing “Submit” in the UI or receiving information server-side).
Tests
This section is non-normative.
Procedure
For each data entry point:
Check that users can return at any point in the process to correct data they entered.
If it’s not possible to go back and correct the data during the process, check that the information being submitted can be reviewed and corrected before submission, or that it’s validated and can be fixed before submission.
Expected results
#1 is true, or
#2 is true.
Supplemental requirement:
Submission status notified
Developing
Data entry interfaces notify users of submission status at the time of submission.
Submission status notified issues
Applies when
data submission has succeeded or failed.
Tests
This section is non-normative.
Procedure
For each data submission:
Check that the user is notified about the submission immediately afterwards.
Expected results
#2 is true.
Supplemental requirement:
Data entry validated
Developing
Data entered is validated after the user enters data, either:
Data entry validated issues
when the user leaves the field, or
when the form is submitted.
Tests
This section is non-normative.
Procedure
Check that no validation has not occurred before data entry.
Enter data.
Check that validation is provided immediately after data entry or occurs before submission.
Expected results
#1 and #2 are true.
Assertion:
Error prevention review
Developing
[Title, role or organization] asserts that:
Error prevention review issues
For each form in the conformance claim, we have reviewed the form designs to reduce the possibility of users making mistakes.
This review includes checking to make sure that we:
make the user enter as little information as possible,
clearly indicate required fields,
for long numbers, divide input fields into chunks (supporting autocomplete across fields),
use an interface where only valid input can be selected,
use autocomplete and personalization of form controls,
use common words and metrics or units that users are likely to be familiar with,
automatically correct input errors when possible and reliable, and
provide the user with known suggestions and corrections.
Information that needs to be included publicly:
Title, role or organization making the assertion
Date of assertion (if different from the date of the conformance claim)
Recommended internal documentation (Informative):
Documentation of which forms were reviewed
Documentation of any changes made as a result of the review
Date of usability testing, if applicable
2.6
Animation and movement
Guideline 2.6.1
Avoid physical harm
Users do not experience physical harm from
content
Core requirement:
No flashing
Developing
Content
does not include
flashing
No flashing issues
Except when
The flashing is
essential
Editor's note
Method(s)
Consider if flashing is essential and, if it is not, refrain from including it.
Tests
This section is non-normative.
Procedure
For each page/view:
Check if content includes flashing.
For each instance of flashing, check that the flashing is essential.
Expected results
#1 is false, or
#2 is true.
Supplemental requirement:
No flashing (no exceptions)
Developing
Content
does not include
flashing
No flashing (no exceptions) issues
Editor's note
Method(s)
Design content without using
flashing
Tests
This section is non-normative.
Procedure
For each page/view:
Check if content includes flashing.
Expected results
#1 is false.
Core requirement:
No visual motion
Developing
Content
does not include
pseudo-motion
or visual motion lasting longer than 5 seconds.
No visual motion issues
Except when
The motion or pseudo-motion is
essential
Editor's note
Method(s)
Consider if motion or pseudo-motion is essential, and if it is not, refrain from including it.
Tests
This section is non-normative.
Procedure
For each page/view:
Check if content includes visual motion or pseudo-motion.
For each instance, check that the visual motion or pseudo-motion is essential.
Expected results
#1 is false, or
#2 is true.
Supplemental requirement:
No visual motion (no exceptions)
Developing
Content
does not include
pseudo-motion
or visual motion lasting longer than 5 seconds.
No visual motion (no exceptions) issues
Editor's note
Method(s)
Design content without using visual motion or pseudo-motion.
Tests
This section is non-normative.
Procedure
For each page/view:
Check if content includes visual motion or pseudo-motion.
Expected results
#1 is false.
Core requirement:
Trigger warning available
Developing
A warning is provided before users encounter triggers and a mechanism is available to access the same information without the triggering
content
Trigger warning available issues
Applies when
triggers are present
Note
Note: Triggers are flashing, motion lasting more than 5 seconds, and pseudo-motion.
Editor's note
Method(s)
Provide a warning for triggers and provide an option without the triggers.
Tests
This section is non-normative.
Procedure
For each trigger:
Check if a warning is provided before the user encounters the trigger.
Check that the same information is available without triggers.
Expected results
#1 and #2 are true.
Core requirement:
Haptic stimulation adjustable
Developing
Haptic feedback can be reduced or turned off.
Haptic stimulation adjustable issues
Applies when
content triggers haptic feedback.
Except when
the operating system or user agent converts non-haptic feedback to haptics at user request.
Editor's note
Method(s)
Add a setting to reduce haptic feedback or turn it off.
Tests
This section is non-normative.
Procedure
For haptic feedback caused by the digital content (vs. the operating system or user agent).
Check if there is a setting that allows for reducing or turning off the haptic feedback.
Expected results
#1 is true.
Core requirement:
Audio shifting adjustable
Developing
Audio shifting designed to create a perception of motion can be paused or turned off.
Audio shifting adjustable issues
Applies when
content includes audio shifting.
Except when
operating system or user agent triggers audio shifting.
Editor's note
Method(s)
Add a setting to pause audio-shifting or turn it off.
Tests
This section is non-normative.
Procedure
For audio shifting caused by the digital content (vs. the operating system or user agent):
Check that there is a setting to pause or turn off the audio shifting.
Expected results
#1 is true.
Assertion:
Safe content review
Developing
[Title, role, or organization] asserts that:
Safe content review issues
We have reviewed content for violent, explicit, or troubling content and provided appropriate warnings before accessing the content.
Information that needs to be included publicly:
Title, role or organization making the assertion (if different from the conformance claim).
Date of when the review was conducted.
Date of assertion (if different from the date of the conformance claim).
Note
Troubling content will vary based on culture or individual situations, and reviews should take target audiences into consideration.
2.7
Layout
Guideline 2.7.1
Recognizable layouts
Users have consistent and recognizable layouts available.
Assertion:
Conventional layout review
Developing
[Title, role, or organization] asserts that:
Conventional layout review issues
We have reviewed layout conventions for similar products or processes.
The layout used follows a conventional pattern or a tested non-conventional pattern was used.
Information that needs to be included publicly:
Title, role or organization making the assertion (if different from the conformance claim).
Date of assertion (if different from the date of the conformance claim).
Recommended internal documentation (Informative):
Report covering review of layouts for similar products or processes.
Design log capturing decision to use specific layouts.
If a non-convention layout is used, usability testing results that demonstrate the utility of the approach taken.
Guideline 2.7.2
User orientation
Users can determine their location in
content
both visually and using assistive technologies.
Core requirement:
Page/view title available
Developing
Pages
views
have a title that describes the name, topic or purpose.
Page/view title available issues
Except when
The presented content has no way to include a title.
Tests
This section is non-normative.
Procedure
For each page/view:
Examine the source code of the HTML document and check that the first
title
element is not-empty.
Check that the title element describes the document.
Expected results
#1 and #2 are true.
Assertion:
Location within product review
Developing
[Title, role, or organization] asserts that:
Location within product review issues
We have reviewed conventions for presenting current location within the
conformance scope
The presentation of current location within the
conformance scope
uses appropriate visually and programmatically patterns.
Note
It is often helpful for users to understand where within a digital product they are. There are many ways to achieve this, for example, a breadcrumb. Ideally this is consistently presented throughout the conformance scope but for some pages/views it may make less sense to include. For example, including a breadcrumb trail on the homepage or on pages that sit outside the hierarchy, for example a shopping cart.
Information that needs to be included publicly:
Title, role or organization making the assertion (if different from the conformance claim).
Date of assertion (if different from the date of the conformance claim).
Recommended internal documentation (Informative):
Design log capturing decision to use specific approaches to current location patterns used within the conformance scope.
If a non-convention design pattern is used, usability testing results that demonstrate the utility of the design approach taken.
Core requirement:
All steps listed
Developing
A list of all steps in a multi-step process is visually and programmatically available at each step.
All steps listed issues
Except when
The total number of steps is unknown, or the sequence of steps depends on user actions.
Tests
This section is non-normative.
Visual multi-step listing
Procedure
For each multi-step process:
Review the content within each stage of a multi-step process.
A list of steps in the process is included on each stage.
Expected results
#2 is true.
HTML multi-step listing
Procedure
For each multi-step process:
Examine the HTML source code for each step of the process.
An
for each step of the process at each step.
The
is included in the accessibility tree.
Expected results
#2 and #3 are true.
Core requirement:
Current step indicated
Developing
The current step within a multi-step process is visually and programmatically indicated.
Current step indicated issues
Tests
This section is non-normative.
ARIA current
Procedure
For each multi-step process:
Examine the source code of the HTML document.
Process navigation steps are included.
Current process step is identified using
aria-current="step"
Expected results
Check #2 and #3 are true.
Current step visually identifiable
Procedure
For each multi-step process:
Visually examine the content.
Process navigation steps are viewable.
The current process step is visually distinguishable from other steps.
Expected results
Check #2 and #3 are true.
Core requirement:
Page/view change notified
Developing
When content triggers a change of page/view there is a visual change within the view and programmatic notification of the change.
Page/view change notified issues
Tests
This section is non-normative.
Opening new page
Procedure
For each change of page/view triggered by content:
Check that the change is conveyed in the view.
Check that the change is conveyed programmatically using the assistive technology in the accessibility support set.
Expected results
#1 and #2 are true.
Supplemental requirement:
Return to start supported
Developing
A visual and programmatically available mechanism exists that allows users to return to the
starting point
of the
conformance scope
Return to start supported issues
Except when
The
page
view
is the starting point of the
conformance scope
It is essential to the functionality not to provide this mechanism.
Note
Where the
conformance scope
is a sub-part of larger digital product, then the starting point should be the conformance scope starting point. For example, an organization’s careers website that is separate from the main website.
Tests
This section is non-normative.
HTML homepage link
Procedure
For each page/view that is not the website’s home page:
Check that there is a link that points to the website’s home page.
Expected results
#1 is true.
Best practice:
Return to start prominent
Developing
Mechanisms that return the user to the
starting point
of the
conformance scope
are available in prominent positions both programmatically and visually.
Return to start prominent issues
Note
For HTML, a good programmatic positioning of such a mechanism would be early in the DOM.
Example
Common design practices place the homepage link for websites in the top-left corner on the site logo.
Common design patterns for mobile applications is to include a sticky navigation at the bottom of the viewport which often includes a control to return to the starting point.
Guideline 2.7.3
Structure
Users can understand and navigate through the
content
using structure.
Editor's note
See also:
Clear Language
as these guidelines are closely related.
Supplemental requirement:
Relationships detectable
Developing
Relationships of meaning
between elements are conveyed programmatically.
Relationships detectable issues
Tests
This section is non-normative.
HTML hierarchical relationship
Procedure
Determine the contextual hierarchy of the content either visually or through the meaning of the content.
Examine the source code of the HTML document to identify each hierarchical section.
Check that each section uses an appropriate semantic HTML element that reflects its position in the hierarchy.
Expected results
#3 is true.
HTML input field/label relationship
Procedure
For each input field within the unit of conformance:
Check that each
is included with a