Skip to Content
Access Guide
Glossary
Checklist
Contribute
About
Welcome to Access Guide, a friendly introduction to accessibility! Browse the cards below to learn more about the guidelines.
🔎
Search
Allow users to save data after a session timeout
Code
Timing
Cognitive
Physical
Visual
Define information, structure, and relationships in markup
Code
Defined in Markup
Visual
Level A
Automated Test
Define status messages in markup
Code
Defined in Markup
Visual
Level AA
Manual Test
Define the human language in markup
Code
Defined in Markup
Visual
Level A
Level AA
Define the purpose, name, role, and value of UI components in markup
Code
Defined in Markup
Visual
Level A
Level AAA
Don't use color alone to convey information (colorblind)
Design
Styles
Visual
Level A
Semi-Automated Test
Don't use flashing lights
Content
Multimedia
Physical
Visual
Level A
Ensure that focus indicator is visible
Code
States
Interaction
Keyboard
Visual
Ensure the programmatic label matches the visual label
Code
Defined in Markup
Cognitive
Visual
Level A
Get rid of background noise in audio
Content
Multimedia
Hearing
Level AAA
Manual Test
Identify and describe errors to users
Design
Error Recovery
Cognitive
Level A
Manual Test
Label elements and give instructions
Code
Defined in Markup
Cognitive
Visual
Level A
Make all functionality available through the keyboard
Code
Interaction
Keyboard
Physical
Visual
Make an intuitive order focusable and defined in markup
Code
Defined in Markup
States
Interaction
Keyboard
Make multiple types of input available
Code
Interaction
Physical
Visual
Cognitive
Make sure that assistive tech can parse content
Code
Defined in Markup
Visual
Level A
Semi-Automated Test
Make sure the user knows where they are
Design
Navigation
Cognitive
Level AAA
Manual Test
Make sure there are no keyboard traps
Code
Interaction
Keyboard
Physical
Visual
Make time limits adjustable or not essential
Code
Design
Timing
Cognitive
Physical
Only change the context by user request
Code
Design
States
Interaction
Cognitive
Prevent accidental pointer input
Code
Error Recovery
Cognitive
Physical
Visual
Prevent errors when handling legal and financial data
Code
Error Recovery
Cognitive
Physical
Visual
Provide ASL interpretation of video
Content
Multimedia
Hearing
Level AAA
Manual Test
Provide a way to bypass repeating content (skip link)
Code
Interaction
Keyboard
Physical
Visual
Provide a way to expand abbreviations
Content
Writing
Cognitive
Level AAA
Manual Test
Provide a way to pause audio that plays automatically
Code
Interaction
Cognitive
Visual
Level A
Provide a way to turn off character key shortcuts
Code
Interaction
Keyboard
Physical
Level A
Provide a way to turn off moving content and animation triggered by interaction
Code
Interaction
Cognitive
Visual
Level A
Provide a way to understand unusual words and phrases
Content
Writing
Cognitive
Level AAA
Semi-Automated Test
Provide a way to zoom in and resize text up to 200%
Code
Presentation
Visual
Level AA
Manual Test
Provide audio descriptions of videos
Content
Multimedia
Visual
Level A
Level AA
Provide audio transcripts
Content
Multimedia
Hearing
Level A
Level AAA
Provide buttons with a large target size
Design
Interaction
Physical
Level AAA
Semi-Automated Test
Provide captions
Content
Multimedia
Hearing
Level A
Level AA
Provide consistent UI components
Design
Styles
Cognitive
Visual
Level AA
Provide contextual help
Design
Error Recovery
Cognitive
Level AAA
Manual Test
Provide conventional interactions (instead of motion-activated interactions)
Design
Interaction
Touch
Physical
Level A
Provide image descriptions
Content
Multimedia
Visual
Level A
Defined in Markup
Provide media alternatives of video
Content
Multimedia
Hearing
Visual
Level A
Provide more than one way to locate a page
Design
Navigation
Cognitive
Physical
Visual
Provide pronunciation for ambiguous words
Content
Writing
Cognitive
Level AAA
Manual Test
Provide the option to turn off interruptions
Design
Timing
Cognitive
Visual
Level AAA
Suggest corrections to errors
Design
Error Recovery
Cognitive
Level AA
Manual Test
Use consistent navigation
Design
Navigation
Cognitive
Visual
Level AA
Use high color contrast
Design
Styles
Visual
Level AA
Level AAA
Use hover and focus best practices
Code
States
Interaction
Keyboard
Visual
Use responsive layouts and don't restrict the layout to portrait or landscape
Code
Presentation
Physical
Visual
Level AA
Use single-pointer gestures (instead of path-based gestures)
Design
Interaction
Touch
Physical
Level A
Use text instead of images of text
Code
Presentation
Visual
Level AA
Level AAA
Use text presentation best practices
Code
Design
Presentation
Styles
Visual
Warn users about timeouts
Code
Timing
Cognitive
Physical
Visual
Write content at an approachable reading level
Content
Writing
Cognitive
Level AAA
Semi-Automated Test
Write descriptive headings and labels
Content
Writing
Cognitive
Visual
Level AA
Write descriptive link text
Content
Writing
Cognitive
Visual
Level A
Write descriptive page titles
Code
Content
Writing
Cognitive
Visual
Write instructions that don't rely on just one characteristic
Content
Writing
Visual
Hearing
Cognitive