Essentials for creating accessible page structures and using semantic HTML.
5 articles
All images require an 'alt' attribute, but deciding what content it should have can be very challenging. This topic steps through some key questions you can ask yourself to help decide the right alternative text given an image's context. It also considers some other types of imagery (font icons and emojis) that don't use the 'img' element, but still present visual information to users.
The structure of a given page is more than only a visual consideration. This topic explores how heading levels, semantic HTML, and the order in which you declare and label your elements can all be leveraged to improve the experience of your assistive technology users
In web applications there will often be a need to map a list of data to a number of similar HTML elements with a particular call to action.
Accessible modals used to mean managing focus, inert backgrounds and escape handling by hand. The dialog element now does most of it, with a few things it still does not.
Removing the default outline is still the most common accessibility mistake in CSS. What to replace it with, and what WCAG 2.2 now asks of the replacement.