SERIES 01 / WEB FOR EVERYONE

Web accessibility

Standards for a web everyone can use. Understand each criterion in depth and learn how to evaluate it with AI.

Learning order

START

Getting started

Begin with the perspective and evaluation method.

  1. 01
    Getting Started with Web Accessibility: How to Design Evaluations with WCAG and AI

    Understand web accessibility through the steps people take to find information and complete tasks. Learn how WCAG 2.2 is structured and how AI can support evaluation, then define the page, user journey and evidence needed to run your first evaluation prompt.

    Published
PRINCIPLE 01

A perceivable web

Perceive information visually, aurally and in other forms.

  1. 02
    Alternative Text: Conveying What an Image Does

    Design alternatives that explain an image’s purpose and context rather than merely its presence.

    1.1.1AIn preparation
  2. 03
    Prerecorded Audio and Silent Video: Getting the Same Information Another Way

    Distinguish the alternatives needed for audio-only and video-only content.

    1.2.1AIn preparation
  3. 04
    Prerecorded Captions: Conveying Dialogue and Important Sounds

    Evaluate the presence, accuracy, speaker identification, and synchronization of captions.

    1.2.2AIn preparation
  4. 05
    Audio Description and Media Alternatives: Explaining Information Visible Only in Video

    Convey visual information in prerecorded video through description or a sufficient alternative.

    1.2.3AIn preparation
  5. 06
    Live Captions: Keeping Up with Information in Live Broadcasts

    Explore how to check captions for live synchronized media.

    1.2.4AAIn preparation
  6. 07
    Prerecorded Audio Description: Making Essential Visual Information Audible

    Review the audio description of visual information required at AA.

    1.2.5AAIn preparation
  7. 08
    Sign Language Interpretation: Another Language Path for Prerecorded Audio

    Distinguish the availability of sign language interpretation from the language expertise needed to evaluate it.

    1.2.6AAAIn preparation
  8. 09
    Extended Audio Description: Pausing Scenes to Make Time for Explanation

    Examine whether extended description is needed for videos with insufficient pauses between speech.

    1.2.7AAAIn preparation
  9. 10
    Complete Media Alternatives: Following the Entire Video in a Document

    Review complete alternatives for prerecorded synchronized media and video-only content.

    1.2.8AAAIn preparation
  10. 11
    Live Audio Alternatives: Receiving Information Without Hearing It

    Prepare equivalent alternatives for live audio-only information.

    1.2.9AAAIn preparation
  11. 12
    Information and Relationships: Conveying Visual Structure in Code

    Convey the relationships in headings, lists, tables, and forms to assistive technologies.

    1.3.1AIn preparation
  12. 13
    Meaningful Sequence: Aligning Visual Order and Reading Order

    Evaluate reading order that preserves the meaning of information.

    1.3.2AIn preparation
  13. 14
    Sensory Instructions: Going Beyond “On the Right” or “In Red”

    Improve instructions that rely on shape, color, location, or sound.

    1.3.3AIn preparation
  14. 15
    Screen Orientation: Supporting Both Landscape and Portrait

    Check for orientation restrictions that are not essential.

    1.3.4AAIn preparation
  15. 16
    Input Purpose: Creating Fields That Autocomplete Can Recognize

    Make the purpose of fields collecting users’ personal information identifiable in code.

    1.3.5AAIn preparation
  16. 17
    Element Purpose: Enabling UI Adaptation to Users’ Needs

    Explore the AAA criterion for identifying the purpose of controls, icons, and regions.

    1.3.6AAAIn preparation
  17. 18
    Color: Not the Only Cue for Information

    Convey states and distinctions through means other than color as well.

    1.4.1AIn preparation
  18. 19
    Automatically Playing Audio: Making It Possible to Stop and Adjust

    Check the means of controlling audio that plays automatically for more than 3 seconds.

    1.4.2AIn preparation
  19. 20
    Text Contrast: Ensuring Readable Luminance Differences

    Calculate contrast for normal and large text according to the applicable conditions.

    1.4.3AAIn preparation
  20. 21
    Resizing Text: Preserving Functionality at 200%

    Check whether enlarging text causes any loss of content or functionality.

    1.4.4AAIn preparation
  21. 22
    Images of Text: Providing Actual Text

    Provide adjustable text instead of text embedded in images.

    1.4.5AAIn preparation
  22. 23
    Enhanced Text Contrast: A Higher Readability Target

    Apply AAA contrast targets to normal and large text.

    1.4.6AAAIn preparation
  23. 24
    Background Audio: Keeping Speech Clear

    Review background audio in prerecorded audio-only content.

    1.4.7AAAIn preparation
  24. 25
    Text Presentation: Letting Users Choose How They Read

    Address line length, line spacing, alignment, and color adjustment together.

    1.4.8AAAIn preparation
  25. 26
    Stricter Requirements for Images of Text

    Examine when images of text are permitted at AAA.

    1.4.9AAAIn preparation
  26. 27
    Reflow: Reading and Operating Content on Narrow Screens

    Reduce two-dimensional scrolling when zooming and using small viewports.

    1.4.10AAIn preparation
  27. 28
    Non-Text Contrast: Distinguishing Controls and Shapes

    Evaluate luminance differences in controls and graphics that convey information.

    1.4.11AAIn preparation
  28. 29
    Text Spacing: Preserving Content When Reading Settings Change

    Create interfaces that accommodate changes to letter, word, line, and paragraph spacing.

    1.4.12AAIn preparation
  29. 30
    Content on Hover or Focus: Making It Dismissible, Hoverable, and Readable

    Check whether tooltips and popovers meet the conditions for dismissal, pointer movement, and persistence.

    1.4.13AAIn preparation
PRINCIPLE 02

An operable web

Reduce barriers involving keyboards, pointers, time and navigation.

  1. 31
    Keyboard: Performing Key Functions Without a Pointer

    Check whether functionality can be operated with a keyboard in actual user flows.

    2.1.1AIn preparation
  2. 32
    Keyboard Traps: Being Able to Leave Where You Entered

    Check the paths for moving focus out of widgets and dialogs.

    2.1.2AIn preparation
  3. 33
    Keyboard Support Without Exceptions: Extending to the AAA Target

    Evaluate keyboard operation of all functionality under stricter requirements.

    2.1.3AAAIn preparation
  4. 34
    Character Key Shortcuts: Preventing Unintended Activation

    Check options for disabling or remapping single-character shortcuts and restricting when they are active.

    2.1.4AIn preparation
  5. 35
    Adjustable Timing: Allowing Time to Read and Enter Information

    Evaluate options for turning off, adjusting, or extending time limits, along with the exceptions.

    2.2.1AIn preparation
  6. 36
    Movement and Automatic Updates: Pausing to Read

    Check the means of stopping automatic movement and updates.

    2.2.2AIn preparation
  7. 37
    Time-Independent Tasks: Completing Them Without Rushing

    Check whether functionality can be completed without time limits at AAA.

    2.2.3AAAIn preparation
  8. 38
    Interruptions: Deferring Notifications to Stay Focused

    Allow users to control interruptions except in emergencies.

    2.2.4AAAIn preparation
  9. 39
    Re-authentication: Avoiding the Loss of Entered Content

    Preserve data and progress during re-authentication after a session expires.

    2.2.5AAAIn preparation
  10. 40
    Timeout Warnings: Explaining Limits Before Data Entry

    Inform users how long they can remain inactive before their data may be lost.

    2.2.6AAAIn preparation
  11. 41
    Flashing: Quantitatively Checking Hazardous Visual Stimuli

    Distinguish flash-count evaluation from evaluation against general and red flash thresholds.

    2.3.1AIn preparation
  12. 42
    Three Flashes: The Stricter AAA Requirement

    Review the AAA requirement for the number of flashes per second.

    2.3.2AAAIn preparation
  13. 43
    Animation from Interactions: Offering a Choice to Reduce Motion

    Check whether motion triggered by interaction can be disabled.

    2.3.3AAAIn preparation
  14. 44
    Bypassing Repeated Blocks: Reaching Main Content Quickly

    Check the paths for bypassing repeated navigation.

    2.4.1AIn preparation
  15. 45
    Page Titles: Identifying the Content Currently Open

    Review whether document titles describe the topic and purpose.

    2.4.2AIn preparation
  16. 46
    Focus Order: Preserving Meaning Through Interaction

    Evaluate whether keyboard navigation order preserves the relationships between information and functionality.

    2.4.3AIn preparation
  17. 47
    Link Purpose in Context: Knowing Where a Link Leads

    Evaluate link purpose using both the link and its programmatically associated context.

    2.4.4AIn preparation
  18. 48
    Multiple Ways to Navigate: Reaching the Page You Need

    Check for multiple paths to find pages within a site.

    2.4.5AAIn preparation
  19. 49
    Headings and Labels: Accurately Describing Content and Purpose

    Evaluate whether existing headings and labels use meaningful wording.

    2.4.6AAIn preparation
  20. 50
    Visible Focus: Showing the Current Interaction Location

    Check the visual indication of keyboard focus in actual interface states.

    2.4.7AAIn preparation
  21. 51
    Current Location: Providing Context Within a Site

    Review information that indicates where the current page belongs within the site.

    2.4.8AAAIn preparation
  22. 52
    Conveying Purpose Through the Link Alone: The AAA Requirement

    Review the means of identifying a link’s purpose without context.

    2.4.9AAAIn preparation
  23. 53
    Section Headings: Dividing Long Content for Navigation

    Explore the AAA criterion for organizing documents with headings by topic.

    2.4.10AAAIn preparation
  24. 54
    Obscured Focus: Keeping at Least Part of the Target Visible

    Evaluate whether fixed elements completely obscure the focused target at AA.

    2.4.11AAIn preparation
  25. 55
    Enhanced Requirements for Unobscured Focus: Showing the Entire Target

    Evaluate even partial obscuring of the focused target at AAA.

    2.4.12AAAIn preparation
  26. 56
    Focus Appearance: Providing Sufficient Area and Contrast

    Measure the area and contrast between states of AAA focus indicators.

    2.4.13AAAIn preparation
  27. 57
    Pointer Gestures: Providing Alternatives to Complex Actions

    Check for simple-operation alternatives to multipoint and path-based gestures.

    2.5.1AIn preparation
  28. 58
    Pointer Cancellation: Undoing Unintended Actions

    Review the timing of press and release events and the means of canceling or undoing actions.

    2.5.2AIn preparation
  29. 59
    Aligning Visible Labels and Accessible Names

    Enable users to find targets by their on-screen labels when using voice control.

    2.5.3AIn preparation
  30. 60
    Motion Actuation: Operating Without Shaking the Device

    Check UI alternatives and disabling options for functionality based on device motion.

    2.5.4AIn preparation
  31. 61
    Target Size: Generous Touch Areas at AAA

    Review the enhanced target of 44×44 CSS px and its exceptions.

    2.5.5AAAIn preparation
  32. 62
    Concurrent Input Methods: Using Touch and Keyboard Together

    Check whether using one input method restricts the use of another.

    2.5.6AAAIn preparation
  33. 63
    Dragging: Getting the Same Result Without Dragging

    Evaluate single-pointer alternatives to dragging functionality.

    2.5.7AAIn preparation
  34. 64
    Target Size: AA Size and Spacing Conditions

    Evaluate the 24×24 CSS px requirement and exceptions, including spacing, according to their conditions.

    2.5.8AAIn preparation
PRINCIPLE 03

An understandable web

Predictable behavior, input and authentication.

  1. 65
    Page Language: The Starting Point for Correct Pronunciation

    Make the document’s default language programmatically identifiable.

    3.1.1AIn preparation
  2. 66
    Language of Parts: Marking Passages Where the Language Changes

    Mark passages in other languages within the body text according to their meaning and the applicable exceptions.

    3.1.2AAIn preparation
  3. 67
    Unfamiliar Words: Providing a Way to Find Their Meaning

    Review ways to explain technical terms and specialized usage.

    3.1.3AAAIn preparation
  4. 68
    Abbreviations: Accessing Their Expanded Forms and Meanings

    Make it possible to check the expanded forms or meanings of abbreviations.

    3.1.4AAAIn preparation
  5. 69
    Reading Level: Creating Alternatives to Complex Explanations

    Provide easy-to-understand supplementary options for difficult text.

    3.1.5AAAIn preparation
  6. 70
    Pronunciation: Explaining Readings That Change Meaning

    Provide a way to check expressions whose meanings differ depending on pronunciation.

    3.1.6AAAIn preparation
  7. 71
    Avoiding Interface Changes Triggered by Focus Alone

    Check whether merely entering an element causes a change of context.

    3.2.1AIn preparation
  8. 72
    Input Changes: Explaining What Will Happen in Advance

    Review advance notice of context changes caused by changing a setting.

    3.2.2AIn preparation
  9. 73
    Consistent Navigation: The Same Paths in the Same Order

    Maintain the relative order of repeated navigation structures.

    3.2.3AAIn preparation
  10. 74
    Consistent Identification: The Same Names for the Same Functions

    Provide consistent names and representations for identical functionality.

    3.2.4AAIn preparation
  11. 75
    Change on Request: Predictable Changes of Context

    At AAA, allow users to request changes of context or turn them off.

    3.2.5AAAIn preparation
  12. 76
    Consistent Help: Finding Needed Help in the Same Place

    Maintain the relative position of repeated help mechanisms.

    3.2.6AIn preparation
  13. 77
    Error Identification: Explaining What Went Wrong and Where

    Describe automatically detected input errors in text.

    3.3.1AIn preparation
  14. 78
    Labels and Instructions: Providing Information Before Input

    Explain the required information and format before users enter data.

    3.3.2AIn preparation
  15. 79
    Error Suggestions: Guiding the Next Action

    Connect known correction methods to error messages.

    3.3.3AAIn preparation
  16. 80
    Important Submissions: Checking Legal, Financial, and Data Changes

    Review the means of reversing, checking, and confirming important actions.

    3.3.4AAIn preparation
  17. 81
    Context-Sensitive Help: Getting Assistance Where You Are Stuck

    Provide help suited to the context of data entry and tasks.

    3.3.5AAAIn preparation
  18. 82
    Preventing Errors in All Submissions: Extending to AAA

    Review the means of reversing, checking, and confirming information submissions in general.

    3.3.6AAAIn preparation
  19. 83
    Redundant Entry: Not Asking for the Same Information Again Within a Process

    Make previously entered information available for reuse or selection.

    3.3.7AIn preparation
  20. 84
    Accessible Authentication: Reducing Reliance on Memory and Puzzles

    Review alternatives and assistance mechanisms for cognitive function tests in AA authentication.

    3.3.8AAIn preparation
  21. 85
    Enhanced Authentication Requirements: Broader Cognitive Accessibility

    Review the permitted alternatives and scope of assistance in AAA authentication.

    3.3.9AAAIn preparation
PRINCIPLE 04

A robust web

Share names, roles and states with assistive technology.

  1. 86
    Name, Role, Value: Sharing UI State with Assistive Technologies

    Programmatically convey the meaning and state changes of custom controls.

    4.1.2AIn preparation
  2. 87
    Status Messages: Communicating Results Without Moving Focus

    Convey task results and progress to assistive technologies.

    4.1.3AAIn preparation
FINISH

Connecting to a service

Integrate criterion evaluations into agent workflows and operations.

  1. 88
    Connecting Accessibility Evaluation with Agents and Services

    Design systems that coordinate criterion-specific prompts and connect evidence, improvements, and re-evaluation, along with structures for distributing materials and transitioning to services.

    In preparation