We demystify HTML landmarks, discuss the nuances of different types, and show how to use them to help screen reader users navigate a site.

We use CSS prefers-contrast to control website contrast and build a contrast theme selector with JavaScript to address OS limitations.

We demonstrate how to use the oklch() color model in CSS to create a variety of consistent, accessible color palettes.

We discuss how to use modern CSS techniques to optimize fonts for different screen sizes and explore creating fluid typography scales.

We look using the CSS visually-hidden utility class to make elements available to users of assistive technologies without impacting design.

We give available options for creating ARIA-live regions and demonstrate tools for creating ARIA-live regions in React, Angular, and Vue.js.

Learn about features and performance of the CSS Custom Highlight API and some solutions it offers for usability and accessibility.

Here’s everything you need to know to create an accessible tabbed user interface, including building the HTML structure, adding CSS styling, and adding JavaScript enhancements.