WCAG 2.0 & 2.1 Checklist
Web Content Accessibility Guidelines (WCAG) 2.0 covers a wide range of recommendations for making Web content more accessible. Following these guidelines will make content accessible to a wider range of people with disabilities, including blindness and low vision, deafness and hearing loss, learning disabilities, cognitive limitations, limited movement, speech disabilities, photosensitivity and combinations of these. Following these guidelines will also often make your Web content more usable to users in general. Web Content Accessibility Guidelines (WCAG) 2.0
Download wcag02_checklist.xlsx. This Excel file comes with a pivot table that will give you a quick sum up of the passing level.
Guideline num | Guideline | Level | Summary |
---|---|---|---|
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 |