WCAG 2.1
Ultimate Guide
This guide provides an overview of key Web Content Accessibility Guidelines (WCAG 2.1) criteria. Each section explains a specific guideline, its importance for users with disabilities, how to implement it correctly, and provides code examples.
Description | Disabilities Affected | Success Criterion | Level | Link |
---|---|---|---|---|
Disabilities Affected:
Visual
|
Success Criterion:
1.4.4
|
Level:
AA
| Learn More | |
Description:
Allow User Customization of Text Visual Presentation
|
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
1.4.8
|
Level:
AAA
| Learn More |
Disabilities Affected:
Mobility
|
Success Criterion:
2.5.2
|
Level:
A
| Learn More | |
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
2.2.6
|
Level:
AAA
| Learn More | |
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
2.2.2
|
Level:
A
| Learn More | |
Description:
Allow Users to Postpone or Suppress Interruptions
|
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
2.2.4
|
Level:
AAA
| Learn More |
Disabilities Affected:
Cognitive, Mobility, Visual
|
Success Criterion:
2.2.1
|
Level:
A
| Learn More | |
Disabilities Affected:
Visual
|
Success Criterion:
2.3.2
|
Level:
AAA
| Learn More | |
Disabilities Affected:
Visual
|
Success Criterion:
2.3.1
|
Level:
A
| Learn More | |
Description:
Avoid Images of Text
|
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
1.4.9
|
Level:
AAA
| Learn More |
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
2.2.9
|
Level:
AAA
| Learn More | |
Description:
Avoid Requiring Redundant Entry of Information
|
Disabilities Affected:
Cognitive, Mobility
|
Success Criterion:
3.3.7
|
Level:
A
| Learn More |
Description:
Avoid Time Limits Unless Essential
|
Disabilities Affected:
Cognitive, Mobility
|
Success Criterion:
2.2.3
|
Level:
AAA
| Learn More |
Description:
Clarify Pronunciation Where Meaning is Ambiguous
|
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
3.1.6
|
Level:
AAA
| Learn More |
Disabilities Affected:
Cognitive, Mobility, Visual
|
Success Criterion:
3.2.1
|
Level:
A
| Learn More | |
Disabilities Affected:
Cognitive, Mobility, Visual
|
Success Criterion:
3.2.2
|
Level:
A
| Learn More | |
Description:
Do Not Restrict Content View to a Single Orientation
|
Disabilities Affected:
Mobility, Visual
|
Success Criterion:
1.3.4
|
Level:
AA
| Learn More |
Description:
Do Not Restrict Use of Available Input Methods
|
Disabilities Affected:
Mobility, Visual
|
Success Criterion:
2.5.6
|
Level:
AAA
| Learn More |
Description:
Don’t Rely Solely on Color to Convey Information
|
Disabilities Affected:
Visual
|
Success Criterion:
1.4.1
|
Level:
A
| Learn More |
Disabilities Affected:
Hearing, Visual
|
Success Criterion:
1.3.3
|
Level:
A
| Learn More | |
Description:
Ensure a Logical Keyboard Focus Order
|
Disabilities Affected:
Mobility, Visual
|
Success Criterion:
2.4.3
|
Level:
A
| Learn More |
Description:
Ensure a Meaningful Reading Sequence for Content
|
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
1.3.2
|
Level:
A
| Learn More |
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
2.5.3
|
Level:
A
| Learn More | |
Description:
Ensure All Functionality is Keyboard Accessible
|
Disabilities Affected:
Mobility, Visual
|
Success Criterion:
2.1.1
|
Level:
A
| Learn More |
Disabilities Affected:
Mobility, Visual
|
Success Criterion:
2.1.3
|
Level:
AAA
| Learn More | |
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
3.2.4
|
Level:
AA
| Learn More | |
Description:
Ensure Consistent Navigation Order Across Pages
|
Disabilities Affected:
Cognitive, Mobility, Visual
|
Success Criterion:
3.2.3
|
Level:
AA
| Learn More |
Description:
Ensure Content Adapts to User-Adjusted Text Spacing
|
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
1.4.12
|
Level:
AA
| Learn More |
Disabilities Affected:
Visual
|
Success Criterion:
1.4.10
|
Level:
AA
| Learn More | |
Description:
Ensure Context Changes Only Happen on User Request
|
Disabilities Affected:
Cognitive, Hearing, Mobility, Visual
|
Success Criterion:
3.2.5
|
Level:
AAA
| Learn More |
Disabilities Affected:
Cognitive, Mobility, Visual
|
Success Criterion:
3.2.7
|
Level:
AA
| Learn More | |
Description:
Ensure Enhanced Color Contrast for Text
|
Disabilities Affected:
Visual
|
Success Criterion:
1.4.6
|
Level:
AAA
| Learn More |
Disabilities Affected:
Cognitive, Mobility, Visual
|
Success Criterion:
2.4.13
|
Level:
AAA
| Learn More | |
Description:
Ensure Focused Elements Are Not Entirely Obscured
|
Disabilities Affected:
Mobility, Visual
|
Success Criterion:
2.4.11
|
Level:
AA
| Learn More |
Description:
Ensure Focused Elements Are Not Obscured At All
|
Disabilities Affected:
Cognitive, Mobility, Visual
|
Success Criterion:
2.4.12
|
Level:
AAA
| Learn More |
Description:
Ensure HTML Parses Correctly Without Errors
|
Disabilities Affected:
Hearing, Visual
|
Success Criterion:
4.1.1
|
Level:
A
| Learn More |
Disabilities Affected:
Visual
|
Success Criterion:
4.1.2
|
Level:
A
| Learn More | |
Description:
Ensure Pointer Target Size is Sufficiently Large
|
Disabilities Affected:
Mobility, Visual
|
Success Criterion:
2.5.5
|
Level:
AAA
| Learn More |
Description:
Ensure Pointer Target Size or Spacing is Sufficient
|
Disabilities Affected:
Mobility, Visual
|
Success Criterion:
2.5.8
|
Level:
AA
| Learn More |
Disabilities Affected:
Hearing
|
Success Criterion:
1.4.7
|
Level:
AAA
| Learn More | |
Disabilities Affected:
Visual
|
Success Criterion:
1.4.3
|
Level:
AA
| Learn More | |
Disabilities Affected:
Visual
|
Success Criterion:
1.4.11
|
Level:
AA
| Learn More | |
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
3.3.8
|
Level:
AA
| Learn More | |
Description:
Identify Input Errors Clearly in Text
|
Disabilities Affected:
Cognitive, Mobility, Visual
|
Success Criterion:
3.3.1
|
Level:
A
| Learn More |
Description:
Identify the Language of Specific Text Passages
|
Disabilities Affected:
Visual
|
Success Criterion:
3.1.2
|
Level:
AA
| Learn More |
Description:
Identify the Primary Language of the Page
|
Disabilities Affected:
Visual
|
Success Criterion:
3.1.1
|
Level:
A
| Learn More |
Disabilities Affected:
Cognitive, Hearing, Mobility, Visual
|
Success Criterion:
3.2.6
|
Level:
A
| Learn More | |
Disabilities Affected:
Mobility, Visual
|
Success Criterion:
1.4.13
|
Level:
AA
| Learn More | |
Description:
Make Link Purpose Clear From Link Text Alone
|
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
2.4.9
|
Level:
AAA
| Learn More |
Description:
Make Link Purpose Clear from Text or Context
|
Disabilities Affected:
Cognitive, Mobility, Visual
|
Success Criterion:
2.4.4
|
Level:
A
| Learn More |
Disabilities Affected:
Visual
|
Success Criterion:
4.1.3
|
Level:
AA
| Learn More | |
Description:
Preserve User Data Across Re-authentication
|
Disabilities Affected:
Cognitive, Mobility
|
Success Criterion:
2.2.5
|
Level:
AAA
| Learn More |
Description:
Prevent Errors for All Form Submissions
|
Disabilities Affected:
Cognitive, Hearing, Mobility, Visual
|
Success Criterion:
3.3.6
|
Level:
AAA
| Learn More |
Disabilities Affected:
Cognitive, Hearing, Mobility, Visual
|
Success Criterion:
3.3.4
|
Level:
AA
| Learn More | |
Disabilities Affected:
Cognitive, Mobility, Visual
|
Success Criterion:
3.2.8
|
Level:
AAA
| Learn More | |
Disabilities Affected:
Cognitive, Mobility, Visual
|
Success Criterion:
1.3.5
|
Level:
AA
| Learn More | |
Disabilities Affected:
Cognitive
|
Success Criterion:
1.3.6
|
Level:
AAA
| Learn More | |
Disabilities Affected:
Hearing, Visual
|
Success Criterion:
1.2.8
|
Level:
AAA
| Learn More | |
Disabilities Affected:
Hearing
|
Success Criterion:
1.2.9
|
Level:
AAA
| Learn More | |
Description:
Provide a Way to Bypass Repeated Blocks of Content
|
Disabilities Affected:
Mobility, Visual
|
Success Criterion:
2.4.1
|
Level:
A
| Learn More |
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
2.2.7
|
Level:
AA
| Learn More | |
Disabilities Affected:
Hearing
|
Success Criterion:
1.2.1
|
Level:
A
| Learn More | |
Disabilities Affected:
Mobility
|
Success Criterion:
2.5.4
|
Level:
A
| Learn More | |
Disabilities Affected:
Visual
|
Success Criterion:
1.2.5
|
Level:
AA
| Learn More | |
Disabilities Affected:
Visual
|
Success Criterion:
1.2.3
|
Level:
A
| Learn More | |
Description:
Provide Captions for Live Audio in Videos
|
Disabilities Affected:
Hearing
|
Success Criterion:
1.2.4
|
Level:
AA
| Learn More |
Description:
Provide Context-Sensitive Help
|
Disabilities Affected:
Cognitive, Hearing, Mobility, Visual
|
Success Criterion:
3.3.5
|
Level:
AAA
| Learn More |
Description:
Provide Control Over Single-Character Key Shortcuts
|
Disabilities Affected:
Mobility
|
Success Criterion:
2.1.4
|
Level:
A
| Learn More |
Disabilities Affected:
Cognitive
|
Success Criterion:
3.1.3
|
Level:
AAA
| Learn More | |
Description:
Provide Descriptive and Informative Page Titles
|
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
2.4.2
|
Level:
A
| Learn More |
Disabilities Affected:
Visual
|
Success Criterion:
1.2.7
|
Level:
AAA
| Learn More | |
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
2.4.8
|
Level:
AAA
| Learn More | |
Description:
Provide Multiple Ways to Navigate Website Pages
|
Disabilities Affected:
Cognitive, Mobility, Visual
|
Success Criterion:
2.4.5
|
Level:
AA
| Learn More |
Disabilities Affected:
Cognitive, Mobility
|
Success Criterion:
2.5.7
|
Level:
AA
| Learn More | |
Disabilities Affected:
Hearing
|
Success Criterion:
1.2.6
|
Level:
AAA
| Learn More | |
Description:
Provide Simpler Alternatives for Complex Text
|
Disabilities Affected:
Cognitive
|
Success Criterion:
3.1.5
|
Level:
AAA
| Learn More |
Disabilities Affected:
Mobility
|
Success Criterion:
2.5.1
|
Level:
A
| Learn More | |
Description:
Provide Suggestions for Correcting Input Errors
|
Disabilities Affected:
Cognitive, Mobility, Visual
|
Success Criterion:
3.3.3
|
Level:
AA
| Learn More |
Description:
Provide Text Alternatives for Non-Text Content
|
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
1.1.1
|
Level:
A
| Learn More |
Description:
Provide the Expanded Form of Abbreviations
|
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
3.1.4
|
Level:
AAA
| Learn More |
Description:
Provide User Control for Auto-Playing Audio
|
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
1.4.2
|
Level:
A
| Learn More |
Disabilities Affected:
Cognitive, Mobility, Visual
|
Success Criterion:
2.4.6
|
Level:
AA
| Learn More | |
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
1.3.1
|
Level:
A
| Learn More | |
Description:
Use Section Headings to Organize Content
|
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
2.4.10
|
Level:
AAA
| Learn More |
Description:
Use Text Instead of Images of Text
|
Disabilities Affected:
Cognitive, Visual
|
Success Criterion:
1.4.5
|
Level:
AA
| Learn More |
Disabilities Affected:
Cognitive
|
Success Criterion:
2.2.1
|
Level:
AAA
| Learn More |
Search Ultimate Guide

Free eBook
Integrating Accessibility Compliance Into Your Budget
A Practical Guide for Healthcare Leaders Navigating the New HHS Ruling
Need Help with Compliance?
Our team is here to guide you through the process of meeting accessibility standards. Contact us today to get started.