Websites und Apps testen
Sammlung von Tools, Checklisten und Anleitungen für Web-Zugänglichkeits-Tests
Bei der Entwicklung oder dem Redesign einer Website oder App ist es wichtig, von Anfang an Barrierefreiheits-Tests durchzuführen. So gelingt es, mögliche Barrierefreiheits-Probleme so früh zu identifizieren, dass deren Behebung keine Verzögerung und keine zusätzlichen Kosten für das Projekt zur Folge haben.
Außerdem können Barrierefreiheits-Tests bei bestehenden Websites und Apps durchgeführt werden, um einen Eindruck zu bekommen, in welchen Bereichen die Barrierefreiheit verbessert werden kann.
Eine übersichtliche Einführung in das Thema der Barrierefreiheits-Evaluation bietet W3C: Evaluating Web Accessibility Overview (externer Link)
Haben Sie noch nie einen Check der Barrierefreiheit durchgeführt, bieten die von W3C beschriebenen Easy Checks (externer Link) einen guten Ansatzpunkt.
Tools
Hilfreiche und oft kostenlos verfügbare Tools geben einen ersten Überblick zur Barrierefreiheit von Websites und Apps. Sie ersetzen zwar keinen umfassenden manuellen Check und erkennen nur einen Teil von potenziellen Problemen, liefern aber gute Anhaltspunkte. Hier haben wir einige nützliche Beispiele zusammengestellt (Hinweis: Diese Tool-Liste erhebt keinen Anspruch auf Vollständigkeit.):
Tools für einzelne Checks
- Überprüfen des Farbkontrastes:
- Web Developer Toolbar Chrome-Erweiterung (externer Link)
- Web Developer Toolbar Firefox-Erweiterung (externer Link)
- Bookmarklets von Paul J. Adams für Barrierefreiheits-Checks (externer Link)
- Bookmarklets von BITV (externer Link)
- Qualweb Online Evaluator (externer Link) für die Überprüfung ganzer Unterseiten
- W3C Markup Validation Service (externer Link)
Browser-Erweiterungen für automatisiertes Testen
- axe Chrome-Erweiterung (externer Link)
- axe Firefox-Erweiterung (externer Link)
- Siteimprove Chrome-Erweiterung (externer Link)
- Siteimprove Firefox-Erweiterung (externer Link)
- WAVE Chrome-Erweiterung (externer Link)
- WAVE Firefox-Erweiterung (externer Link)
- ARC Toolkit Chrome-Erweiterung (externer Link)
- Accessibility-Insights Chrome-Erweiterung (externer Link)
- Accessibility-Insights Edge-Erweiterung (externer Link)
- Google Lighthouse (externer Link)
Automatisiertes Testen von Apps
- Accessibility Scanner (externer Link) für Android
- Accessibility Inspector (externer Link) für iOS (wenn Quellcode zur Verfügung steht)
Screenreader
Screenreader-Tests können im Rahmen manueller Barrierefreiheits-Überprüfungen durchgeführt werden. Folgende Screenreader können z. B. genutzt werden:
- NVDA für Windows (externer Link)
- Die Grundlagen der Bedienung sind hier erklärt: NVDA Keyboard Shortcuts (externer Link)
- VoiceOver Keyboard Shortcuts für Mac (externer Link)
- VoiceOver Screenreader-Gesten für iOS (externer Link)
- TalkBack Screenreader-Gesten für Android (externer Link)
- Weitere Erklärungen für Screenreader Keyboard Shortcuts (z. B. JAWS, Narrator etc.) (externer Link)
Checklisten und Anleitungen
- Easy Checks der Web Accessibility Initiative von W3C (externer Link): eine Checkliste von ersten Testschritten, die einen Überblick vermitteln können, ob bei der Konzeption und Umsetzung einer Website digitale Barrierefreiheit berücksichtigt wurde.
- WCAG-EM Website Accessibility Conformance Evaluation Methodology von W3C (externer Link): ein Ansatz, der beschreibt, wie festgestellt werden kann, wie gut eine Website den WCAG entspricht.
- Checklisten von Deque (externer Link): detaillierte Checklisten, die in erster Linie für Entwickler:innen formuliert sind. Die Checklisten beinhalten neben Anforderungen, die für digitale Barrierefreiheit unerlässlich sind, auch Best Practices.
- Anleitung Barrierefreiheits-Test von Android Developer (externer Link): manuelles und automatisiertes Testen der Barrierefreiheit von Android-Apps erklärt.