Barrierefreiheit im Web
Sechs Einheiten darüber, wie man Seiten baut, die für Menschen mit Screenreader, Tastatur, Zoom oder hohem Kontrast funktionieren. Jede Einheit folgt den Erfolgskriterien der WCAG 2.2, die sie behandelt, und jede hat Live-HTML-Übungen, die deinen Code prüfen, dazu Karteikarten und 9 oder 10 Übungsfragen mit Erklärungen.
Fortschritt
- 1Alternativtext für Bilder
- 2Überschriftenstruktur und Landmarks
- 3Farbkontrast
- 4Eine Seite mit der Tastatur bedienen
- 5Formular-Labels
- 6Screenreader und die erste Regel von ARIA
Quellen zu diesem Kurs (9)
- W3C, Web Content Accessibility Guidelines (WCAG) 2.2, W3C Recommendation first published 5 October 2023, current edition 12 December 2024 (w3.org/TR/WCAG22/, checked 2026-10-17, rechecked 2026-10-18)
- W3C WAI, What's new in WCAG 2.2 (w3.org/WAI/standards-guidelines/wcag/new-in-22/, checked 2026-10-17)
- W3C WAI, Images tutorial and alt decision tree (w3.org/WAI/tutorials/images/decision-tree/, checked 2026-10-17)
- W3C, Using ARIA (w3.org/TR/using-aria/, Discontinued Draft 24 February 2026, rules 1 to 4, checked 2026-10-17)
- W3C WAI-ARIA Authoring Practices Guide, Read Me First, "No ARIA is better than bad ARIA" (w3.org/WAI/ARIA/apg/practices/read-me-first/, checked 2026-10-17)
- MDN Web Docs, tabindex (developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/tabindex, checked 2026-10-17)
- MDN, Heading elements, accessibility notes (developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/Heading_Elements, checked 2026-10-17)
- MDN, autocomplete attribute (developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/autocomplete, checked 2026-10-17)
- Every code exercise was checked with a Playwright probe against a reference solution.
Abgerufen: 2026-10-17