Accessible media audio and video

How to make video and audio content accessible with captions, transcripts, audio descriptions, and proper player controls.

HTML
Accessible modals and dialogs

Building accessible modal dialogs with proper focus trapping, keyboard support, and screen reader announcements using the dialog element.

HTML
Accessible navigation and skip links

Building accessible nav structures with skip links, breadcrumbs, mega menus, and proper aria-current usage for screen readers.

HTML
Accessible tables and data

Making data tables accessible with proper headers, scope, captions, and responsive patterns for screen reader users.

HTML
Accessible tooltips and popovers

Building tooltips and popovers that work with keyboard navigation, screen readers, and touch devices using ARIA and the Popover API.

HTML
ARIA roles states and properties

Understanding WAI-ARIA roles, states, properties, and live regions for making custom widgets and dynamic content accessible.

HTML