| 1.1.1 |
Non-text Content |
A |
Provide text alternatives for non-text content |
| 1.2.1 |
Audio-only and Video-only (Pre-recorded) |
A |
Provide an alternative to video-only and audio-only content |
| 1.2.2 |
Captions (Pre-recorded) |
A |
Provide captions for videos with audio |
| 1.2.3 |
Audio Description or Media Alternative (Pre-recorded) |
A |
Video with audio has a second alternative |
| 1.2.4 |
Captions (Live) |
AA |
Live videos have captions |
| 1.2.5 |
Audio Description (Pre-recorded) |
AA |
Users have access to audio description for video content |
| 1.2.6 |
Sign Language (Pre-recorded) |
AAA |
Provide sign language translations for videos |
| 1.2.7 |
Extended Audio description (Pre-recorded) |
AAA |
Provide extended audio description for videos |
| 1.2.8 |
Media Alternative (Pre-recorded) |
AAA |
Provide a text alternative to videos |
| 1.2.9 |
Audio Only (Live) |
AAA |
Provide alternatives for live audio |
| 1.3.1 |
Info and Relationships |
A |
Logical structure |
| 1.3.2 |
Meaningful Sequence |
A |
Present content in a meaningful order |
| 1.3.3 |
Sensory Characteristics |
A |
Use more than one sense for instructions |
| 1.3.4 |
Orientation (WCAG 2.1) |
AA |
Content can be display in portrait and landscape orientation |
| 1.3.5 |
Identify Input Purpose (WCAG 2.1) |
AA |
Each input field must be able to be determined programmatically, a user should be able for example to autofill inputs |
| 1.3.6 |
Identify Purpose (WCAG 2.1) |
AAA |
Interface components, icons and landmarks (sections, article, main, etc.) must be able to be identified programmatically to help navigation for assistive technologies |
| 1.4.1 |
Use of Colour |
A |
Don’t use presentation that relies solely on colour |
| 1.4.2 |
Audio Control |
A |
Don’t play audio automatically |
| 1.4.3 |
Contrast (Minimum) |
AA |
Contrast ratio between text and background is at least 4.5:1 |
| 1.4.4 |
Resize Text |
AA |
Text can be resized to 200% without loss of content or function |
| 1.4.5 |
Images of Text |
AA |
Don’t use images of text |
| 1.4.6 |
Contrast (Enhanced) |
AAA |
Contrast ratio between text and background is at least 7:1 |
| 1.4.7 |
Low or No Background Audio |
AAA |
Audio is clear for listeners to hear |
| 1.4.8 |
Visual Presentation |
AAA |
Offer users a range of presentation options |
| 1.4.9 |
Images of Text (No Exception) |
AAA |
Don’t use images of text |
| 1.4.10 |
Reflow (WCAG 2.1) |
AA |
User must be able to browse a website using a 320 pixel wide screen without having to scroll horizontally (There are some exceptions) |
| 1.4.11 |
Non-Text Contrast (WCAG 2.1) |
AA |
Extend color contrast of at least 3:1 to non-text content such as infographics, diagrams, states, etc. |
| 1.4.12 |
Text Spacing (WCAG 2.1) |
AA |
Changing text style properties shouldn’t break the page (line height, spacing after paragraph, letter spacing, word spacing) |
| 1.4.13 |
Content on Hover or Focus (WCAG 2.1) |
AA |
Elements that are being shown on focus or hover (skip navigation, tooltip) should be dismissible(Esc), hoverable, persistent |
| 2.1.1 |
Keyboard |
A |
Accessible by keyboard only |
| 2.1.2 |
No Keyboard Trap |
A |
Don’t trap keyboard users |
| 2.1.3 |
Keyboard (No Exception) |
AAA |
Accessible by keyboard only, without exception |
| 2.1.4 |
Character Key Shortcuts (WCAG 2.1) |
A |
If using single letter keyboard shortcut, the shortcut should be able to be turn off, or remap, or active only on focus |
| 2.2.1 |
Timing Adjustable |
A |
Time limits have user controls |
| 2.2.2 |
Pause, Stop, Hide |
A |
Provide user controls for moving content |
| 2.2.3 |
No Timing |
AAA |
No time limits |
| 2.2.4 |
Interruptions |
AAA |
Don’t interrupt users |
| 2.2.5 |
Re-authenticating |
AAA |
Save user data when re-authenticating |
| 2.2.6 |
Timeouts (WCAG 2.1) |
AAA |
Users should be warned if user inactivity could cause data loss, unless data is preserved for more than 20h |
| 2.3.1 |
Three Flashes or Below |
A |
No content flashes more than three times per second |
| 2.3.2 |
Three Flashes |
AAA |
No content flashes more than three times per second |
| 2.3.3 |
Animation from Interactions (WCAG 2.1) |
AAA |
Motion animation triggered by interaction can be disabled |
| 2.4.1 |
Bypass Blocks |
A |
Provide a ‘Skip to Content’ link |
| 2.4.10 |
Section Headings |
AAA |
Break up content with headings |
| 2.4.2 |
Page Titled |
A |
Use helpful and clear page titles |
| 2.4.3 |
Focus Order |
A |
Logical order |
| 2.4.4 |
Link Purpose (In Context) |
A |
Every link’s purpose is clear from its context |
| 2.4.5 |
Multiple Ways |
AA |
Offer several ways to find pages |
| 2.4.6 |
Headings and Labels |
AA |
Use clear headings and labels |
| 2.4.7 |
Focus Visible |
AA |
Ensure keyboard focus is visible and clear |
| 2.4.8 |
Location |
AAA |
Let users know where they are |
| 2.4.9 |
Link Purpose (Link Only) |
AAA |
Every link’s purpose is clear from its text |
| 2.5.1 |
Pointer Gestures (WCAG 2.1) |
A |
Complex gesture (Pinch, zooming, swiping) should have a simpler gesture alternative (Tap, double taps, long press) |
| 2.5.2 |
Pointer Cancellation (WCAG 2.1) |
A |
When using single pointer events, one of the following should be true, No Down-Event, Abort or Undo, Up Reversal, Essential |
| 2.5.3 |
Label in Name (WCAG 2.1) |
A |
Text in buttons or label should be readable by assistant technologies and can be used with Text-to-speech |
| 2.5.4 |
Motion Actuation (WCAG 2.1) |
A |
Functionalities trigger by moving the device should have a fallback without (Eg some apps use shake to undo) |
| 2.5.5 |
Target Size (WCAG 2.1) |
AAA |
The size of the target for pointer inputs is at least 44 by 44 CSS pixels |
| 2.5.6 |
Concurrent Input Mechanisms (WCAG 2.1) |
AAA |
Inputs must to available to use with a different mechanism (Mouse, keyboard, stylus, touch, voice) |
| 3.1.1 |
Language of Page |
A |
Page has a language assigned |
| 3.1.2 |
Language of Parts |
AA |
Tell users when the language on a page changes |
| 3.1.3 |
Unusual words |
AAA |
Explain any strange words |
| 3.1.4 |
Abbreviations |
AAA |
Explain any abbreviations |
| 3.1.5 |
Reading Level |
AAA |
Users with nine years of school can read your content |
| 3.1.6 |
Pronunciation |
AAA |
Explain any words that are hard to pronounce |
| 3.2.1 |
On Focus |
A |
Elements do not change when they receive focus |
| 3.2.2 |
On Input |
A |
Elements do not change when they receive input |
| 3.2.3 |
Consistent Navigation |
AA |
Use menus consistently |
| 3.2.4 |
Consistent Identification |
AA |
Use icons and buttons consistently |
| 3.2.5 |
Change on Request |
AAA |
Don’t change elements on your website until users ask |
| 3.3.1 |
Error Identification |
A |
Clearly identify input errors |
| 3.3.2 |
Labels or Instructions |
A |
Label elements and give instructions |
| 3.3.3 |
Error Suggestion |
AA |
Suggest fixes when users make errors |
| 3.3.4 |
Error Prevention (Legal, Financial, Data) |
AA |
Reduce the risk of input errors for sensitive data |
| 3.3.5 |
Help |
AAA |
Provide detailed help and instructions |
| 3.3.6 |
Error Prevention (All) |
AAA |
Reduce the risk of all input errors |
| 4.1.1 |
Parsing |
A |
No major code errors |
| 4.1.2 |
Name, Role, Value |
A |
Build all elements for accessibility |
| 4.1.3 |
Status Messages (WCAG 2.1) |
AA |
Content that is updated dynamically must be notified to users of assistive technologies without getting visual focus |
a11ychecks