Accessible examples

This page will contain all of the HTML semantic examples and links to isolated pages to record videos in various screen readers and keyboard combinations.

Simple list navigation

Skip to example navigation

Search form

Radio buttons

Choose your favorite NATO letter:

Checkboxes

Choose your favorite NATO letters:

Toggle switches

Activate your options:

Password input field

Details summary expander

More info This semantic element covers all success criteria with no additional scripting.

Custom expander

This button requires aria attributes and additional scripting.

Sticky content

Content that sticks to the top

Web page content
Web page content

Content that sticks to the bottom

Button

Disabled button