This page contains all guidelines tagged with:

Level A

This refers to WCAG 2.1 compliance level A, which addresses access barriers that make it impossible or extremely difficult for disabled people to interact with something.

Provide a way to turn off moving content and animation triggered by interaction

A carousel with a pause button on a website
Code
Interaction
Cognitive
Visual
Level A

Only change the context by user request

Example of an annoying pop-up
Code
Design
States
Interaction
Cognitive

Make an intuitive order focusable and defined in markup

Comparison of a focus order that goes up to down, left to right (accessible) vs. a random order (inaccessible)
Code
Defined in Markup
States
Interaction
Keyboard

Provide a way to bypass repeating content (skip link)

Illustration of a skip link on a website
Code
Interaction
Keyboard
Physical
Visual

Provide a way to turn off character key shortcuts

A Settings webpage where you can turn off character key shortcuts
Code
Interaction
Keyboard
Physical
Level A

Make sure there are no keyboard traps

Getting trapped in the calendar date picker
Code
Interaction
Keyboard
Physical
Visual

Make all functionality available through the keyboard

Computer keyboard
Code
Interaction
Keyboard
Physical
Visual

Ensure the programmatic label matches the visual label

Comparison where the visual and programmatic label match (accessible) vs. when they don't match (inaccessible)
Code
Defined in Markup
Cognitive
Visual
Level A

Label elements and give instructions

A form with properly labeled inputs for name, time, and date
Code
Defined in Markup
Cognitive
Visual
Level A

Make sure that assistive tech can parse content

HTML code of a list with syntax errors
Code
Defined in Markup
Visual
Level A
Semi-Automated Test

Define the purpose, name, role, and value of UI components in markup

Example of good semantic markup of an accordion
Code
Defined in Markup
Visual
Level A
Level AAA

Define the human language in markup

HTML code with the human language attribute
Code
Defined in Markup
Visual
Level A
Level AA

Define information, structure, and relationships in markup

Website with headers h1, h2, and h3 labeled
Code
Defined in Markup
Visual
Level A
Automated Test

Make time limits adjustable or not essential

Example of being able to extend a time limit
Code
Design
Timing
Cognitive
Physical

Prevent accidental pointer input

Example of accidentally pressing a button
Code
Error Recovery
Cognitive
Physical
Visual

Identify and describe errors to users

Example of a descriptive error message for an invalid email address
Design
Error Recovery
Cognitive
Level A
Manual Test

Provide conventional interactions (instead of motion-activated interactions)

Comparison of a conventional undo button (accessible) vs. an unconventional shake-to-undo interaction (inaccessible)
Design
Interaction
Touch
Physical
Level A

Use single-pointer gestures (instead of path-based gestures)

Comparison of single-pointer and path-based gestures
Design
Interaction
Touch
Physical
Level A

Don't use color alone to convey information (colorblind)

Examples of accessible and inaccessible use of color
Design
Styles
Visual
Level A
Semi-Automated Test

Write instructions that don't rely on just one characteristic

Example of accessible and inaccessible instructions
Content
Writing
Visual
Hearing
Cognitive

Write descriptive page titles

Examples of specific and descriptive page titles (accessible) vs. vague ones (inaccessible)
Code
Content
Writing
Cognitive
Visual

Write descriptive link text

Example of specific and descriptive button text (accessible) vs. generic text (inaccessible)
Content
Writing
Cognitive
Visual
Level A

Don't use flashing lights

Illustration of flashing lights with a warning sign
Content
Multimedia
Physical
Visual
Level A

Provide media alternatives of video

Example of a video with colorful shapes and a text description below
Content
Multimedia
Hearing
Visual
Level A

Provide audio descriptions of videos

Example of video of colorful shapes with an audio description below
Content
Multimedia
Visual
Level A
Level AA

Provide captions

2 characters talking with captions underneath
Content
Multimedia
Hearing
Level A
Level AA

Provide a way to pause audio that plays automatically

A DJ booking website with a pause audio button
Code
Interaction
Cognitive
Visual
Level A

Provide audio transcripts

Character listening to podcast with an audio transcript
Content
Multimedia
Hearing
Level A
Level AAA

Provide image descriptions

An image with an image description in the caption below
Content
Multimedia
Visual
Level A
Defined in Markup