The complete Web Accessibility (a11y) Deep Dive series in one video -- all 20 parts, back to back. Learn web accessibility in about 1 hour, perfect for complete beginners.
1. Semantic HTML: Why ‹div onclick› Isn't Enough
2. The Accessibility Tree: How Screen Readers Actually See Your Page
3. Landmark Regions: header, nav, main, and footer
4. Accessible Name Computation: aria-label vs aria-labelledby vs Visible Text
5. ARIA Roles, States, and Properties: When (and When Not) to Use Them
6. Keyboard Navigation: Tab Order and Skip Links
7. Focus Management: :focus-visible and Handling Focus in SPAs
8. Accessible Modals & Dialogs: Focus Trapping and Escape Handling
9. Color Contrast: WCAG Ratios and How to Actually Test Them
10. Accessible Forms: Labels, Error Messages, and aria-describedby
11. Accessible Images: alt Text Done Right (and When to Skip It)
12. Accessible Data Tables: Headers, Scope, and Captions
13. Accessible Video: Captions and Transcripts
14. Live Regions & Toast Notifications: aria-live in Practice
15. Accessible Custom Components: Building the ARIA Combobox Pattern
16. Screen Reader & Automated Testing: NVDA, VoiceOver, and axe DevTools
17. Touch Target Size: The 44×44px Minimum
18. Zoom & Reflow at 400%: WCAG 1.4.10
19. forced-colors and High Contrast Mode
20. prefers-reduced-motion: Respecting a Real User Preference
New to web accessibility? Start at lesson 1 and follow along -- every lesson is shown live with real screen readers and DevTools.
#accessibility #a11y #wcag #webdevelopment #learnaccessibility #accessibilityforbeginners #codingtutorial