August 13, 2024

Accessibility PLH Demo

Keyboard Navigation

Demonstrates proper keyboard navigation and focus management.

Keyboard Trap

Shows how to avoid keyboard traps in your design.

Focus Order

Illustrates the correct focus order for keyboard navigation.

Well-Titled

Displays the importance of well-titled pages for accessibility.

Three Flashes

Demonstrates flashing content compliance.

Error Identification

Displays how to identify and handle errors in forms.

Context on Focus

Demonstrates proper context on focus for interactive elements.

Context on Input

Highlights how input fields provide context for users.

Labels or Instructions

Shows the importance of labels and instructions for form elements.

Name, Role, Value

Shows how to provide clear names, roles, and values for interactive elements.

Markup Parsing

Demonstrates correct and incorrect HTML parsing.