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	Link
Description: Allow Text Resizing Without Loss of Content or Functionality	Disabilities: Visual	Learn More
Description: Allow User Customization of Text Visual Presentation	Disabilities: Cognitive, Visual	Learn More
Description: Allow Users to Cancel Actions Triggered by Pointer Down-Events	Disabilities: Mobility	Learn More
Description: Allow Users to Disable Non-Essential Animation from Interactions	Disabilities: Cognitive, Visual	Learn More
Description: Allow Users to Pause, Stop, or Hide Moving, Blinking, or Scrolling Content	Disabilities: Cognitive, Visual	Learn More
Description: Allow Users to Postpone or Suppress Interruptions	Disabilities: Cognitive, Visual	Learn More
Description: Allow Users to Turn Off, Adjust, or Extend Time Limits	Disabilities: Cognitive, Mobility, Visual	Learn More
Description: Avoid Content Flashing More Than Three Times Per Second	Disabilities: Visual	Learn More
Description: Avoid Flashing Content More Than Three Times Per Second (or Ensure Below Threshold)	Disabilities: Visual	Learn More
Description: Avoid Images of Text	Disabilities: Cognitive, Visual	Learn More
Description: Avoid Requiring Cognitive Function Tests for Authentication	Disabilities: Cognitive, Visual	Learn More
Description: Avoid Requiring Redundant Entry of Information	Disabilities: Cognitive, Mobility	Learn More
Description: Avoid Time Limits Unless Essential	Disabilities: Cognitive, Mobility	Learn More
Description: Clarify Pronunciation Where Meaning is Ambiguous	Disabilities: Cognitive, Visual	Learn More
Description: Do Not Cause Context Change When an Element Receives Focus	Disabilities: Cognitive, Mobility, Visual	Learn More
Description: Do Not Cause Context Change When an Input Setting Changes (Without Warning)	Disabilities: Cognitive, Mobility, Visual	Learn More
Description: Do Not Restrict Content View to a Single Orientation	Disabilities: Mobility, Visual	Learn More
Description: Do Not Restrict Use of Available Input Methods	Disabilities: Mobility, Visual	Learn More
Description: Don’t Rely Solely on Color to Convey Information	Disabilities: Visual	Learn More
Description: Don’t Rely Solely on Sensory Characteristics for Instructions	Disabilities: Hearing, Visual	Learn More
Description: Ensure a Logical Keyboard Focus Order	Disabilities: Mobility, Visual	Learn More
Description: Ensure a Meaningful Reading Sequence for Content	Disabilities: Cognitive, Visual	Learn More
Description: Ensure Accessible Name Contains the Visible Label Text	Disabilities: Cognitive, Visual	Learn More
Description: Ensure All Functionality is Keyboard Accessible	Disabilities: Mobility, Visual	Learn More
Description: Ensure All Functionality is Keyboard Operable Without Exception	Disabilities: Mobility, Visual	Learn More
Description: Ensure Consistent Identification of Components with the Same Function	Disabilities: Cognitive, Visual	Learn More
Description: Ensure Consistent Navigation Order Across Pages	Disabilities: Cognitive, Mobility, Visual	Learn More
Description: Ensure Content Adapts to User-Adjusted Text Spacing	Disabilities: Cognitive, Visual	Learn More
Description: Ensure Content Reflows Without Two-Dimensional Scrolling	Disabilities: Visual	Learn More
Description: Ensure Context Changes Only Happen on User Request	Disabilities: Cognitive, Hearing, Mobility, Visual	Learn More
Description: Ensure Controls Needed to Progress Are Visible Without Hover/Focus	Disabilities: Cognitive, Mobility, Visual	Learn More
Description: Ensure Enhanced Color Contrast for Text	Disabilities: Visual	Learn More
Description: Ensure Focus Indicators Are Sufficiently Large and Contrasting	Disabilities: Cognitive, Mobility, Visual	Learn More
Description: Ensure Focused Elements Are Not Entirely Obscured	Disabilities: Mobility, Visual	Learn More
Description: Ensure Focused Elements Are Not Obscured At All	Disabilities: Cognitive, Mobility, Visual	Learn More
Description: Ensure HTML Parses Correctly Without Errors	Disabilities: Hearing, Visual	Learn More
Description: Ensure Name, Role, and Value Are Available for All UI Components	Disabilities: Visual	Learn More
Description: Ensure Pointer Target Size is Sufficiently Large	Disabilities: Mobility, Visual	Learn More
Description: Ensure Pointer Target Size or Spacing is Sufficient	Disabilities: Mobility, Visual	Learn More
Description: Ensure Speech is Audible Over Background Sounds in Audio	Disabilities: Hearing	Learn More
Description: Ensure Sufficient Color Contrast for Text and UI Components (Minimum)	Disabilities: Visual	Learn More
Description: Ensure Sufficient Contrast for UI Components and Graphical Objects	Disabilities: Visual	Learn More
Description: Ensure UI Components Are Visible Without Requiring Hover/Focus	Disabilities: Cognitive, Visual	Learn More
Description: Identify Input Errors Clearly in Text	Disabilities: Cognitive, Mobility, Visual	Learn More
Description: Identify the Language of Specific Text Passages	Disabilities: Visual	Learn More
Description: Identify the Primary Language of the Page	Disabilities: Visual	Learn More
Description: Make At Least One Help Mechanism Consistently Findable	Disabilities: Cognitive, Hearing, Mobility, Visual	Learn More
Description: Make Content Revealed on Hover/Focus Dismissible, Hoverable, and Persistent	Disabilities: Mobility, Visual	Learn More
Description: Make Link Purpose Clear From Link Text Alone	Disabilities: Cognitive, Visual	Learn More
Description: Make Link Purpose Clear from Text or Context	Disabilities: Cognitive, Mobility, Visual	Learn More
Description: Make Status Messages Announceable by Assistive Technologies	Disabilities: Visual	Learn More
Description: Preserve User Data Across Re-authentication	Disabilities: Cognitive, Mobility	Learn More
Description: Prevent Errors for All Form Submissions	Disabilities: Cognitive, Hearing, Mobility, Visual	Learn More
Description: Prevent Errors for Legal, Financial, or Data Submission Actions	Disabilities: Cognitive, Hearing, Mobility, Visual	Learn More
Description: Prevent Visible Controls from Disappearing Unexpectedly	Disabilities: Cognitive, Mobility, Visual	Learn More
Description: Programmatically Identify the Purpose of Common Input Fields	Disabilities: Cognitive, Mobility, Visual	Learn More
Description: Programmatically Identify the Purpose of Components, Icons, and Regions	Disabilities: Cognitive	Learn More
Description: Provide a Comprehensive Text Alternative for Prerecorded Media	Disabilities: Hearing, Visual	Learn More
Description: Provide a Text Alternative for Live Audio-Only Content	Disabilities: Hearing	Learn More
Description: Provide a Way to Bypass Repeated Blocks of Content	Disabilities: Mobility, Visual	Learn More
Description: Provide Accessible Alternatives or Assistance for Cognitive Function Tests in Authentication	Disabilities: Cognitive, Visual	Learn More
Description: Provide Alternatives for Prerecorded Audio-Only and Video-Only Content	Disabilities: Hearing	Learn More
Description: Provide Alternatives to Motion Actuation and Allow Disabling It	Disabilities: Mobility	Learn More
Description: Provide Audio Description for Prerecorded Video Content	Disabilities: Visual	Learn More
Description: Provide Audio Description or a Media Alternative for Prerecorded Video	Disabilities: Visual	Learn More
Description: Provide Captions for Live Audio in Videos	Disabilities: Hearing	Learn More
Description: Provide Context-Sensitive Help	Disabilities: Cognitive, Hearing, Mobility, Visual	Learn More
Description: Provide Control Over Single-Character Key Shortcuts	Disabilities: Mobility	Learn More
Description: Provide Definitions for Unusual Words, Jargon, and Idioms	Disabilities: Cognitive	Learn More
Description: Provide Descriptive and Informative Page Titles	Disabilities: Cognitive, Visual	Learn More
Description: Provide Extended Audio Description When Pauses Are Insufficient	Disabilities: Visual	Learn More
Description: Provide Information About User’s Location Within the Site	Disabilities: Cognitive, Visual	Learn More
Description: Provide Multiple Ways to Navigate Website Pages	Disabilities: Cognitive, Mobility, Visual	Learn More
Description: Provide Non-Dragging Alternatives for Dragging Movements	Disabilities: Cognitive, Mobility	Learn More
Description: Provide Sign Language Interpretation for Prerecorded Video	Disabilities: Hearing	Learn More
Description: Provide Simpler Alternatives for Complex Text	Disabilities: Cognitive	Learn More
Description: Provide Single-Pointer Alternatives for Complex Gestures	Disabilities: Mobility	Learn More
Description: Provide Suggestions for Correcting Input Errors	Disabilities: Cognitive, Mobility, Visual	Learn More
Description: Provide Text Alternatives for Non-Text Content	Disabilities: Cognitive, Visual	Learn More
Description: Provide the Expanded Form of Abbreviations	Disabilities: Cognitive, Visual	Learn More
Description: Provide User Control for Auto-Playing Audio	Disabilities: Cognitive, Visual	Learn More
Description: Use Headings and Labels Correctly to Describe Topics and Purpose	Disabilities: Cognitive, Mobility, Visual	Learn More
Description: Use Markup to Convey Information, Structure, and Relationships	Disabilities: Cognitive, Visual	Learn More
Description: Use Section Headings to Organize Content	Disabilities: Cognitive, Visual	Learn More
Description: Use Text Instead of Images of Text	Disabilities: Cognitive, Visual	Learn More
Description: Warn Users About Inactivity Duration Causing Data Loss	Disabilities: Cognitive	Learn More

Search Ultimate Guide

Free eBook

Integrating Accessibility Compliance Into Your Budget

A practical guide for healthcare leaders navigating WCAG compliance.

Learn More

Need help with digital accessibility?

Our team is here to guide you through the process of meeting accessibility standards. Contact us today to get started.

Schedule Consult