Boost accessibility with progressive enhancements for tabs | HTML, CSS, & JS

Описание к видео Boost accessibility with progressive enhancements for tabs | HTML, CSS, & JS

Creating accessible tabs can seem a bit daunting. The best approach is to start out with a strong foundation of semantic HTML and layer in progressive enhancements as you go. Building for inclusion ensures your projects provide the best experience to as many people as possible.

Links & Resources
GitHub repo: https://github.com/Alliemack77/access...
ARIA APG: https://www.w3.org/WAI/ARIA/apg/patte...
Haden Pickering's Inclusive Components: https://inclusive-components.design/


Timestamps
00:00 - Intro
00:39 - Add sematic HTML
02:44 - Enhancements with JS and ARIA
06:09 - Setup keyboard navigation
10:03 - Enhancements with CSS
11:18 - Project complete!

Комментарии

Информация по комментариям в разработке