Skip to main content

Accessibility Demos

Head Content
Missing Page Title -- Incorrect Missing Page Title -- Correct
Navigation
Skip Nav Links -- Incorrect Skip Nav Links -- Correct
Focus Must Be Visible -- Incorrect Focus Must Be Visible -- Correct
Logical Tab Order -- Incorrect Logical Tab Order -- Correct
Color
Conveying Meaning with Color -- Incorrect Conveying Meaning with Color -- Correct
Color Contrast -- Incorrect Color Contrast -- Correct
Content
Appropriate Use of Headings -- Incorrect Appropriate Use of Headings -- Correct
Media Alt Attributes -- Incorrect Media Alt Attributes -- Correct
Reading Order -- Incorrect Reading Order -- Correct
Form Labels -- Incorrect Form Labels -- Correct
Descriptive Link Text -- Incorrect Descriptive Link Text -- Correct
Animation
Ability to Pause Videos -- Incorrect Ability to Pause Videos -- Correct
Request Reduced Motion-- Incorrect Request Reduced Motion -- Correct

Incorrect: There isn't a logical tab order

Tab through the links on this page. The links above the heading are actually at the end of the tab order.

Some Links

Link
Link
Link
Link
Link

Link
Link

Resources

"Using Tabindex", Google Web Fundamentals
"Functionality is Available from the Keyboard", W3C Accessibility Principles
"Keyboard and Visual Focus", W3C Test & Evaluate: Easy Checks