Fixing a hidden accessibility KILLER in a hyped React & Tailwind UI library
Learn by example how to find and fix accessibility issues in your React / Nextjs UI libraries and projects 💡
In this video, I show how to correctly apply ARIA roles and attributes to tabbed interfaces so you can provide superior UX for screen reader users 🙌
I'm using a great UI library in this demo, tremor.so, which is built with React and Tailwind. I find it super helpful for data visualisation intensive projects, you can check it out at https://www.tremor.so.
Also featured:
Google Pagespeed Insights, which aggregated real user experience metrics including accessibility scores https://pagespeed.web.dev
Google Lighthouse, for running ad-hoc checks during development
Inclusive design, a fantastic resource for accessibility best practices for UI components https://inclusive-components.design