a11ytesting

Barrierefreiheitstests für Web-Entwickler

Über dieses Tool

Diese Sammlung von Tests hilft dabei, Websites auf Barrieren gemäß WCAG 2.1, BFSG und EN 301 549 zu prüfen. Jeder Test besteht aus HTML-Beispielen und einem Bookmarklet, das auf beliebigen Websites ausgeführt werden kann.

Verfügbare Tests

Alt-Attribute für Bilder (BFSG 9.1.1.1a-d)

Was wird getestet: Prüfung von Alt-Attributen bei img-Elementen, SVG-Grafiken und Elementen mit role="img"

  • BFSG 9.1.1.1a: Fehlende Alt-Attribute und nicht-beschreibende Texte
  • BFSG 9.1.1.1b: Leere Alt-Attribute und dekorative Bilder
  • BFSG 9.1.1.1c: Alt-Attribute bei verlinkten Bildern
  • BFSG 9.1.1.1d: ARIA-Label, ARIA-Labelledby und role-Attribute
  • SVG-Grafiken mit title/desc-Elementen
  • Kombinationen und Widersprüche (role="presentation" + alt)

Prüfkriterien: BITVtest 9.1.1.1a ↗

Zum Test
Hinweise zur Nutzung
  • Bookmarklets funktionieren in Chrome, Firefox und Safari
  • Testergebnisse werden farblich markiert: Grün = OK, Orange = Problematisch, Rot = Barriere
  • Jeder Test enthält Beispiele und den kopierbaren Bookmarklet-Code

Weitere Tests (geplant)

  • 🔗 Link-Texte (9.2.4.4)
  • 📝 Formular-Labels (9.3.3.2)
  • 🎨 Farbkontraste (9.1.4.3)
  • ⌨️ Tastaturbedienung (9.2.1.1)
  • 📋 Überschriften-Struktur (9.1.3.1)

Ressourcen