Web Accessibility Cookbook

Kapitel 13. Hindernisse beseitigen

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

Zu verstehen, was eine barrierefreie Website ausmacht, und zu wissen, worauf man bei der Umsetzung achten muss, ist wichtig. schützt dich aber trotzdem nicht davor, Fehler zu machen.

Außerdem arbeitest du oft mit anderen an einer Website. Je mehr Leute beteiligt sind, desto einfacher ist es, Fehler einzubringen. Je mehr Leute aus verschiedenen Bereichen beteiligt sind, desto mehr potenzielle Fehlerquellen gibt es.

Automatisierte Prüfsoftware ersetzt die manuelle Prüfung nicht, aber sie kann helfen, tief hängende Früchte zu fangen und schlampige Fehler zu finden. In Kombination mit Debugging-Tools kannst du deine Websites für manuelle Tests mit Tastaturen, Screenreadern und anderen Hilfsmitteln vorbereiten.

13.1 Zugänglichkeitsprobleme automatisch finden

Problem

Die Suche nach Barrierefreiheit auf durch manuelles Scannen des Codes ist zeitaufwändig, schwierig und fehleranfällig.

Lösung

Nutze automatisierte Testwerkzeuge, um leicht erkennbare Probleme mit der Barrierefreiheit zu finden, bevor du mit manuellen Tests beginnst. Der Code in Beispiel 13-1 enthält mehrere Probleme mit der Barrierefreiheit, die getestet werden sollen.

Beispiel 13-1. Demo testen: Unzugänglicher Beispielcode in HTML

<h2 aria-label="Registration">Sign Up</h2>

<form aria-labelledby="h2">
  <input type="text" name="username">

  <button>
    <