Libraries with accessible patterns for web components.

Other pages in: Frontend code

Accessible name

Give an (interactive) HTML element the correct accessible name.
Semantic HTML

Learn why using semantic HTML is essential for web accessibility.
Heading structure

How to use headings in theme development in an accessible way.
Handling focus

Make the keyboard focus visible, predictable, and meaningful.
Images

What is important to for developers when they implement images in a theme, plugin or in WordPress core.
Landmarks

Learn what ARIA landmarks are and how to use them.
Tables in code

Tables in theme and plugin development
CSS screen-reader-text

Learn about the CSS class screen-reader-text and how to use it.
Feedback on dynamic changes

The explanation of wp.a11y.speak.
Components

Recommendations and set up of web components for WordPress.