Frontend code

These pages inform you about what is important to keep the result of the frontend code of a plugin, theme and WordPress core accessible for everyone.

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.
Handling focus Make the keyboard focus visible, predictable, and meaningful.
Heading structure How to use headings in theme development in an accessible way.
Landmarks Learn what ARIA landmarks are and how to use them.
Pattern libraries Libraries with accessible patterns for web components.
Images What is important to for developers when they implement images in a theme, plugin or in WordPress core.
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.