6 Stories by Cristian Diaz
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...