Semantic Markup with HTML & ARIA
In this workshop we will build parts of an accessible application from the ground up, following accessibility best practices every step of the way.
Workshop topics include:
Headings & Landmarks
HTML provides a lot of accessibility wins for free– if you use the proper tags and structure. In this section we'll discuss headings, semantic structure, validation tools, and the impact our markup can have on people with disabilities.
The "When" and "How" of ARIA
Naming things is hard. Here you'll learn the about crafting accessible names and descriptions for assistive technology, as well as the best approach to working with labels and placeholders for forms.
Programmatic Accessibility Information
Accessibility has a cool benefit of making your pages machine readable, and ARIA has a big part to play in that. In this section you'll learn how to plumb accessibility information through other areas of your application to create programmatic associations and enable assistive technologies.
The Accessibility Object Model (AOM)
Just as we have the Document Object Model (DOM) and CSS Object Model (CSSOM), we also have the experimental Accessibility Object Model. Learn how to inspect a component and when the AOM will come in handy.