React Kochbuch

Kapitel 9. Zugänglichkeit

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: [e-mail]

Es war eine große Herausforderung, dieses Kapitel zu schreiben, denn abgesehen davon, dass wir beide Brillen und Kontaktlinsen tragen, braucht keiner von uns eine spezielle Ausrüstung oder Software für Barrierefreiheit. Wir haben versucht, in diesem Kapitel eine Sammlung von Werkzeugen und Techniken zusammenzustellen, die dir im Idealfall dabei helfen, einige der offensichtlichen Probleme mit der Barrierefreiheit in deinem Code zu finden.

Wir sehen uns an, wie du Landmarks und ARIA-Rollen verwenden kannst, die deinen Seiten eine Bedeutung und Struktur verleihen, die sonst nur durch visuelle Gruppierung entstehen würde. Dann gibt es mehrere Rezepte, die zeigen, wie du manuelle und automatisierte Audits deiner Anwendung durchführst, mit statischer Analyse nach Fehlern im Code suchst und Laufzeitfehler durch die Automatisierung von Browsern findest.

Dann schauen wir uns einige der technischen Aspekte an, die bei der Erstellung von benutzerdefinierten Dialogen eine Rolle spielen (Tipp: Verwende lieber vorgefertigte Dialoge aus Bibliotheken), und schließlich bauen wir einen einfachen Screenreader.

Wenn du einen genaueren Blick auf die Barrierefreiheit werfen willst, solltest du dir die Web Content Accessibility Guidelines (WCAG) ansehen, die drei Konformitätsstufen vorsehen: A, AA und AAA. AAA ist die höchste Stufe der Konformität. ...