WCAG Primer: Understanding WCAG Success Criterion

WCAG 2.2 success criterions are simplified & are explained accordingly from our perspective. We provided examples, code snippets & best practices where ever possible. Hope this guide will come in handy during your next accessibility assessment.

Understanding WCAG 2.0 Success Criterion

• 1.1.1 Non-text Content
• 1.2.1 Audio-only and Video-only (Prerecorded)
• 1.2.2 Captions (Prerecorded)
• 1.2.3 Audio Description or Media Alternative (Prerecorded)
• 1.2.4 Captions (Live)
• 1.2.5 Audio Description (Prerecorded)
• 1.3.1 Info and Relationship
• 1.3.2 Meaningful Sequence
• 1.3.3 Sensory Characteristics
• 1.4.1 Use of Color
• 1.4.2 Audio Control
• 1.4.3 – Contrast Minimum
• 1.4.4 Resize Text
• 1.4.5 Image of text
• 2.1.1 Keyboard
• 2.1.2 No Keyboard Trap
• 2.2.1 Timing Adjustable
• 2.2.2 Pause, Stop, Hide
• 2.3.1 Three Flashes or Below Threshold
• 2.4.1 Bypass Blocks
• 2.4.2 Page Titled
• 2.4.3 Focus Order
• 2.4.4 Link Purpose (In Context)
• 2.4.5 Multiple ways to locate web pages
• 2.4.6 Headings and Labels
• 2.4.7 Focus Visible
• 3.1.1 Language of Page
• 3.1.2 Language of Parts
• 3.2.1 On Focus
• 3.2.2 On Input
• 3.2.3 Consistent Navigation
• 3.2.4 Consistent Identification
• 3.3.1 Error Identification
• 3.3.2 Labels or Instructions
• 3.3.3 Error Suggestion
• 3.3.4 Error Prevention (Legal, Financial, Data)
• 4.1.1 Parsing
• 4.1.2 Name, Role, Value

Understanding WCAG 2.1 Success Criterion

• 1.3.4 Orientation
• 1.3.5 Identify Input Purpose
• 1.4.10 Reflow
• 1.4.11 Non-text Contrast
• 1.4.12 Text Spacing
• 1.4.13 Content on Hover or Focus
• 2.1.4 Character Key Shortcuts
• 2.5.1 Pointer Gestures
• 2.5.2 Pointer Cancellation
• 2.5.3 Label in Name
• 2.5.4 Motion Actuation
• 4.1.3 Status messages

Understanding WCAG 2.2 Success Criterion

• 2.4.11 Focus Not Obscured (Minimum)
• 2.5.7 Dragging Movements
• 2.5.8 Target Size (Minimum)
• 3.2.6 Consistent Help
• 3.3.7 Redundant Entry
• 3.3.8 Accessible Authentication (Minimum)