Inclusive Development: Using Style Guides to Improve Website Accessibility
summary
A reusable, accessible component library is built with KSS node and published as a11y-style-guide.com, claiming it speeds inclusive development and prevents late-stage audits. The guide ships pre-populated markup, SCSS, ARIA examples and links, and is demonstrated from a local Drupal VM with a GitHub repo. It leans on testing with the Wave tool. Cited stats: ~20% of people report disabilities, 10–17% dyslexia, and a 25% “severe difficulty” design target.
AI-written summary · about
chapters (9)
- 0:00Intro
- 1:22Frontend Developers
- 4:34Website Accessibility
- 9:42Inclusive Development
- 15:46Component Development
- 19:03Allies Style Guide
- 19:43Demo
- 27:36Conclusion
- 35:06My Style Guide
related talks
59mImproving Accessibility Through Design Systems
01h 07mA web for anyone, anywhere, anytime
38mEmpathetic Design Systems
44mDesigning with Accessibility in Mind
01h 03mAccessibility: Making your websites more inclusive
03mAccessibility, UX, and Resources to Learn More
31mWeb Accessibility: From Design to Code, How to Move Toward Greater Inclusion
43mWalking Down the A11Y Road - Lessons Learnt From...