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

Semantic HTML Learn why using semantic HTML is essential for web accessibility.
Accessible name Give an (interactive) HTML element the correct accessible name.
Handling focus Make the keyboard focus visible, predictable, and meaningful.
Heading structure How to use headings in your content in an accessible way.
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.
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.