Accessible components and zero framework

on YouTube ↗30m

" summary

Practical guide to building accessible UI components without any framework, using vanilla HTML, CSS and JavaScript. It shows how to implement WCAG 2.2 accessibility requirements for complex components through hands-on examples and techniques.

AI-written summary · about

" chapters (7)

1. 0:00Introduction
2. 2:14Web accessibility basics
3. 3:20WCAG guidelines
4. 9:02Semantics and assistive tech
5. 16:24ARIA use cases
6. 27:27Testing accessible components
7. 28:51Resources and docs

" related talks

• 25mAccessibility in the Age of ComponentsAyesha Mazumdar · React Boston 2019
• 48mBeyond Default Boundaries: Designing Accessible Non‑Standard ComponentsDiana Bernabei · Accessibility Days 2025
• 35mAccelerating accessibility in webHidde de Vries · Git Commit Show 2021
• 22mAccessible Components with Homer GainesHomer Gaines · REFACTR.TECH 2021
• 23mBuilding Accessible Components: Best Practices and Business Buy-InWayne Jones · Commit Your Code 2025
• 17mGoogle material design framework: Building more accessible experiencesJenine Durland · Google I/O 2022
• 55mAccessible Wow EffectSauro Cesaretti, Fabrizio Caccavello · Accessibility Days 2024
• 34mBuilding Accessible Components in ReactJemima Abu · Build Stuff 2020