Die komplette Serie zur Webzugänglichkeit (a11y) in einem Video – alle 20 Teile, nacheinander. Lerne Webzugänglichkeit in etwa 1 Stunde, perfekt für komplette Anfänger.
1. Semantisches HTML: Warum ‹div onclick› nicht ausreicht
2. Der Zugänglichkeitsbaum: Wie Screenreader deine Seite tatsächlich sehen
3. Landmarkenregionen: header, nav, main und footer
4. Berechnung des zugänglichen Namens: aria-label vs aria-labelledby vs sichtbarer Text
5. ARIA-Rollen, -Zustände und -Eigenschaften: Wann (und wann nicht) man sie verwenden sollte
6. Tastaturnavigation: Tab-Reihenfolge und Überspringen von Links
7. Fokusmanagement: :focus-visible und Fokusverwaltung in SPAs
8. Zugängliche Modals & Dialoge: Fokusfalle und Escape-Handling
9. Farbkontrast: WCAG-Verhältnisse und wie man sie tatsächlich testet
10. Zugängliche Formulare: Labels, Fehlermeldungen und aria-describedby
11. Zugängliche Bilder: Alt-Text richtig gemacht (und wann man ihn überspringen sollte)
12. Zugängliche Datentabellen: Überschriften, Bereich und Beschriftungen
13. Zugängliches Video: Untertitel und Transkripte
14. Live-Bereiche & Toast-Benachrichtigungen: aria-live in der Praxis
15. Zugängliche benutzerdefinierte Komponenten: Aufbau des ARIA-Combobox-Musters
16. Screenreader- & automatisierte Tests: NVDA, VoiceOver und axe DevTools
17. Touch-Zielgröße: Das Minimum von 44×44px
18. Zoom & Neuanordnung bei 400%: WCAG 1.4.10
19. forced-colors und Hochkontrastmodus
20. prefers-reduced-motion: Respektierung einer echten Benutzerpräferenz
Neu in der Webzugänglichkeit? Beginne bei Lektion 1 und folge mit – jede Lektion wird live mit echten Screenreadern und DevTools gezeigt.
#zugänglichkeit #a11y #wcag #webentwicklung #lernezugänglichkeit #zugänglichkeitfüranfänger #codierungstutorial