Wie teste ich meine Website auf WCAG 2.1 AA?
Kurz gesagt: Kombinieren Sie automatisierte und manuelle Tests. Ein automatisierter Scan findet maschinell erkennbare Fehler wie fehlende Alternativtexte, unbeschriftete Formularfelder oder eine fehlende Seitensprache. Danach testen Sie von Hand: nur mit der Tastatur bedienen, Farbkontrast prüfen, auf 200 % zoomen und einen Screenreader ausprobieren. Beheben Sie Fehler im Code und testen Sie nach jedem Release erneut.
Zuletzt aktualisiert:
Schritt 1: repräsentative Seiten auswählen
Testen Sie die Startseite, die wichtigsten Templates (Produkt, Artikel, Formular, Checkout) und zentrale Nutzerwege vollständig. Die WCAG-EM-Methodik des W3C empfiehlt eine strukturierte Stichprobe statt einer einzelnen Seite.
Schritt 2: automatisierten Scan durchführen
Ein automatisiertes Prüfwerkzeug meldet Fehler auf Code-Ebene in Sekunden und eignet sich ideal, um Regressionen zu erkennen. NormHarbor prüft Regeln wie Alternativtexte von Bildern, Formularbeschriftungen, Seitensprache und -titel, Namen von Links und Schaltflächen, Überschriftenstruktur und doppelte IDs und ordnet jeden Befund seinem WCAG-Erfolgskriterium zu.
Schritt 3: manuell prüfen
- Tastatur: Erreichen und bedienen Sie alles mit Tab, Umschalt+Tab, Enter und Leertaste — mit sichtbarem Fokus?
- Kontrast: Normaler Text braucht mindestens 4,5:1, großer Text mindestens 3:1.
- Zoom und Reflow: Inhalte müssen bei 200 % Zoom und bei 320 CSS-Pixeln Breite ohne horizontales Scrollen funktionieren.
- Screenreader: Prüfen Sie Überschriften, Landmarks, Formularbeschriftungen und Fehlermeldungen mit NVDA, JAWS oder VoiceOver.
- Medien: Untertitel für Videos und Transkripte für Audio.
Schritt 4: beheben, dokumentieren, überwachen
Beheben Sie Fehler in Templates und Komponenten, halten Sie Verbleibendes in Ihrer Erklärung zur Barrierefreiheit fest und scannen Sie nach jedem Deployment erneut, damit Regressionen früh auffallen.
Offizielle Quellen
- W3C — Web Content Accessibility Guidelines (WCAG) 2.1
- W3C WAI — Prüfmethodik WCAG-EM
- W3C WAI — Auswahl von Prüfwerkzeugen für Barrierefreiheit
Prüfen Sie, wo Ihre Website steht
Unser kostenloser automatisierter Scan prüft Ihre Seite in etwa 20 Sekunden gegen maschinell prüfbare WCAG-2.1-AA-Regeln — ohne Anmeldung, ohne Overlay.
Website kostenlos scannen →Reicht ein kostenloser automatisierter Scan?
Mit welchen Screenreadern sollte ich testen?
Allgemeine Information, keine Rechtsberatung. Die nationalen Umsetzungsgesetze unterscheiden sich — für eine verbindliche Einschätzung Ihres Unternehmens wenden Sie sich an einen Rechtsanwalt.
Mehr bei NormHarbor: Kostenloser Website-Scan · Farbkontrast-Prüfer · Methodik · Preise
Gilt der European Accessibility Act für mein kleines Unternehmen? · Seit wann gilt der European Accessibility Act? · Sind Accessibility-Overlay-Widgets EAA-konform?