1.1.1
Level A |
Text alternative descriptions for screen readers. |
All non-text content that is presented to the user has a text alternative that serves the equivalent purpose. |
Search in code alts or aria-labels of images.
Search for visual labels grouped with icons.
Hear with screen reader text description of images, buttons or icons.
Use an automatic tool to find alt texts.
Make sure descriptions make sense. |
Visual |
Blind users.
People using Braille displays (Deaf-Blind users). |
1.2.2
Level A |
Captions (Prerecorded) |
Captions are provided for all prerecorded audio content in synchronized media. |
Look for captions in a prerecorded video. |
Hearing |
Deaf users.
Users with hearing loss. |
1.2.3
Level A
|
Audio Description or Transcript |
A transcript or audio description of the prerecorded video content is provided for synchronized media. |
Look for audio description or transcript in a prerecorded video. |
Visual |
Blind users.
Deaf users.
Users who have difficulty watching video or understanding moving images. |
1.2.4
Level AA |
Captions (Live) |
Captions are provided for all live audio content in synchronized media. |
Look for captions in a live video. |
Hearing |
Deaf users.
Users with hearing loss. |
1.3.3
Level A
|
Sensory Characteristics |
Instructions provided for understanding and operating content do not rely solely on sensory characteristics of components such as shape, size, visual location, orientation, or sound. |
Look for instructions with only sensory characteristics. Example:
1. Press the button to the right to…
2. Press the square button to…
3. Glyphs Used to Indicate Status.
|
Visual |
Blind users.
Low vision users.
Users with cognitive or learning disabilities who have difficulty understanding.
|
1.3.4
Level AA |
Orientation |
Content does not restrict its view and operation to a single display orientation, such as portrait or landscape. |
Test the orientation and see if it is allowed both portrait or landscape. |
Motor |
Users with dexterity impairments.
Low vision users. |
1.4.1
Level A |
Use of Color |
Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element. |
View the tool in gray color scale and check if it is operable and understandable. |
Visual |
Users with partial sight.
Users with color-blindness.
People using text-only, limited color, or monochrome displays.
People using Braille displays. |
1.4.3
Level AA |
Color Contrast (Minimum)
|
The visual presentation of text and images of text has a contrast ratio of at least 4.5:1. |
Use Colour Contrast Analyser by The Paciello Group (or other tool) and select text and background color. |
Visual |
Low-Vision users.
Rare users who see no color. |
1.4.11
Level AA
|
Non-text Contrast |
The visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s):
· User Interface Components
· Graphical Objects
|
Use Colour Contrast Analyser by The Paciello Group (or other tool) and select object and background color. |
Visual |
Low-Vision users. |
2.1.1
Level A |
Keyboard Navigation |
All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes. |
Navigate and fully interact the tool using only your keyboard (tab key, enter, arrows, space bar).
Forget the mouse, it is forbidden. |
Visual |
Blind users.
Low vision users.
Keyboard users.
Users with mobility impairments.
Users with hand tremors. |
2.4.3
Level A |
Focus Order |
Focusable components receive focus in an order that preserves meaning and operability. |
Navigate the tool using only tab key and check if the order is logical and intuitive. |
Visual |
Blind users.
Low vision users.
Keyboard users.
Disoriented users. |
2.4.4
Level A |
Link Purpose (In Context) |
The purpose of each link can be determined from the link text alone or from the link text together with context. |
Read link texts and see if clearly describes the link destination. |
Visual |
Blind users.
Users with motion impairment.
Disoriented users. |
2.4.7
Level AA |
Focus Visible |
Keyboard focus indicator is visible. |
Navigate the tool using only tab key and check if clickable elements have visual focus. |
Motor |
Keyboard users.
Users with attention limitations, short term memory limitations, or limitations in execute processes. |
3.1.1
Level A |
Language if Page |
The language can be programmatically determined. |
Search in code the lang attribute.
Hear with screen reader language pronunciation and check if it is correct. |
Visual |
Screen readers or other technologies that convert text into synthetic speech.
Users with certain cognitive, language and learning disabilities who use text-to-speech software.
Users who rely on captions. |
3.3.1
Level A |
Error identification |
If an input error is automatically detected, the item that is in error is identified and the error is described to the user in text. |
Send the field or form without filling information and search for clear and specific input validations in text. |
Visual |
Blind users.
Users with color-blindness.
Users with cognitive, language and learning disabilities. |
3.3.2
Level A |
Labels or Instructions |
Labels or instructions are provided when content requires user input. |
Read instructions and/or form fields and check if they have appropriate text/labels. |
Visual |
All users from making incomplete or incorrect submissions.
Users with cognitive, language and learning disabilities. |
4.1.3
Level AA |
Status Messages |
Status messages can be determined through role or properties such that they can be presented to the user by assistive technologies without receiving focus. |
Interact with a screen reader in a dynamic content and hear if the new content is spoken (announcements or status changes). |
Visual |
Blind users.
Low vision users.
Users with cognitive disabilities that use assistive technologies. |