Warum Zugänglichkeitstests wichtig sind

22.09.2024

Zugänglichkeitstests sind essentiell, um sicherzustellen, dass die zu testende Software – sei es eine Website oder eine mobile App – für verschiedene Benutzertypen zugänglich ist, einschließlich Menschen mit dauerhaften, temporären oder situationellen Behinderungen. Trotz der Erkenntnis, wie wichtig Zugänglichkeitstests sind, erzielen Unternehmen nicht immer die gewünschten Ergebnisse. Tatsächlich ergab der TestDevLab 'State of Software Quality Assurance 2023 Report', dass 15 % der Unternehmen die Zugänglichkeit ihrer Software als unzureichend einstufen. Die Gründe hierfür liegen meist in der mangelnden Nutzung von Zugänglichkeits-Tools, mangelnder Erfahrung im Bereich Zugänglichkeitstests oder ungenügender Kenntnis der zugänglichen Vorschriften. Es ist auch wichtig zu erwähnen, dass viele Länder Gesetze zur Zugänglichkeit erlassen haben, um Diskriminierung gegen Menschen mit unterschiedlichen Fähigkeiten zu verhindern. Die Nichteinhaltung von Zugänglichkeitsgesetzen und -vorschriften kann zu Reputationsschäden führen und erhebliche finanzielle Verluste verursachen. Im Jahr 2022 erreichten die Anzahl der Klagen wegen mangelnder Zugänglichkeit einen Höchststand mit über 4.061 eingereichten Klagen.

Welcher Ansatz für Zugänglichkeitstests ist der Beste?

Dies führt uns zu einer weiteren wichtigen Frage – welcher Ansatz für Zugänglichkeitstests ist der beste? Unsere Erfahrung zeigt, dass Zugänglichkeitstests einen hybriden Ansatz erfordern – eine Kombination aus manuellen Tests und automatisierten Tests. Da Zugänglichkeitstests sehr zeitaufwendig und komplex sein können, müssen Softwaretester mit allen relevanten Vorschriften vertraut sein – wie WCAG, ADA und Section 508 – und die verschiedenen Zugänglichkeitskriterien verstehen und wie man sie erreicht, z. B. Farbkontrast, alternative Texte, Videotranskriptionen, Leerzeichen usw. Darüber hinaus sollten manuelle Tests durch automatisierte (oder halbautomatisierte) Tools unterstützt werden, um den Testprozess noch effizienter zu gestalten.

Einführung in die Tools

In diesem Blogbeitrag konzentrieren wir uns auf die Webzugänglichkeit und betrachten die 5 am häufigsten verwendeten Zugänglichkeitstools, die den Prozess der Webzugänglichkeitstests erheblich einfacher und effektiver gestalten können.

WAVE

Tools für Webzugänglichkeitstests

WAVE

WAVE ist ein kostenloses Tool zur Bewertung der Webzugänglichkeit, das Möglichkeiten identifiziert, eine Webseite zugänglicher für Menschen mit Behinderungen zu machen. Die WAVE-Erweiterungen für Chrome, Firefox und Edge ermöglichen es Ihnen, den Inhalt einer Website direkt im Browser auf Zugänglichkeitsfehler zu überprüfen. WAVE kann jedoch nicht genau feststellen, ob Ihre Webinhalte zugänglich sind. Nur ein Mensch kann die tatsächliche Zugänglichkeit bestimmen. Dennoch kann WAVE die menschliche Bewertung erleichtern und Ihnen als Mensch helfen, die Zugänglichkeit Ihrer Webinhalte zu beurteilen.

WAVE unterstützt optimale Zugänglichkeit. Es verfügt über zahlreiche Tests für die Zugänglichkeit, einschließlich vieler, die auf Übereinstimmungsprobleme in den Richtlinien von Section 508 und WCAG 2.1 prüfen. WAVE überprüft auch Probleme, die über diese Richtlinien hinausgehen und wir wissen, dass sie sich auf Endbenutzer mit Behinderungen auswirken. Die Dokumentation zu jedem Symbol weist gegebenenfalls relevante WCAG-Richtlinien aus, z. B.:

Erfolgzkriterium 1.1.1 Nicht-Textinhalt
Erfolgzkriterium 1.3.1 Informationen und Beziehungen
Erfolgzkriterium 1.4.3 Kontrast (Minimum)
Erfolgzkriterium 2.4.1 Umgehung von Blöcken
Erfolgzkriterium 2.4.2 Überschrift der Seite
Erfolgzkriterium 3.1.1 Sprache der Seite
Erfolgzkriterium 3.3.2 Beschriftungen oder Anweisungen
Erfolgzkriterium 4.1.1 Analyse

Obwohl WAVE einen hervorragenden ersten Einblick in die Webzugänglichkeit bietet, kann es, wie alle anderen automatisierten Tools zur Zugänglichkeitsprüfung, nicht feststellen, ob der Webinhalt vollständig zugänglich ist. Das WAVE-Tool zur Bewertung der Webzugänglichkeit kann nicht alle Zugänglichkeitsfehler überprüfen und hat eine Begrenzung bei der Bewertung der Zugänglichkeit des Webinhalts.

Zum Beispiel können diese Tools überprüfen, ob ein <img>-Tag ein alternatives Attribut hat, aber nicht, ob das alternative Attribut das Bild korrekt beschreibt. Dies muss manuell von einem Zugänglichkeitsexperten überprüft werden. Daher ist es wahrscheinlich keine gute Idee, sich vollständig und nur auf dieses Tool zu verlassen.

WCAG Color Contrast Checker

Um zu überprüfen, ob der Farbkontrast den Anforderungen der WCAG-Zugänglichkeit entspricht, ist die WCAG Color Contrast Checker-Erweiterung ein großartiges Tool. Dieses Tool ist als Erweiterung für Chrome, Firefox und Edge verfügbar und kann den Farbkontrast zwischen dem Vordergrund und dem Hintergrund der Elemente auf der Seite gemäß den WCAG 2 Kontrast- und Farbvorlagen überprüfen.

Zusätzlich wertet dieses Tool den Kontrast aller Elemente der Seite unter Berücksichtigung ihrer berechneten Styles für die CSS-Eigenschaften color und background-color aus. Wenn diese Farben mit RGBA-Werten definiert sind, berücksichtigt es auch die Opazität, um die tatsächliche Farbe zu ermitteln, die schließlich angezeigt wird.

Das Tool enthält zwei Felder, in die Farben manuell eingegeben werden können, um getestet zu werden, und ermöglicht es Ihnen, die Farbe direkt aus den Dokumenten auszuwählen.

Schließlich aktualisiert es automatisch, wenn sich der DOM der Seite ändert (Elemente hinzufügen oder entfernen), jedoch kann dieses Verhalten deaktiviert werden, wenn die Seite viele Änderungen hat.

Obwohl diese Erweiterung gut geeignet ist, um den Farbkontrast zu überprüfen, gibt es auch einige Nachteile. Beispielsweise ist der WCAG Color Contrast Checker nicht in der Lage, alle Elemente zu bewerten. Es gibt viele, die diese Erweiterung nicht überprüfen kann, wie z. B. Text in Hintergrundbildern oder Shadow Root-Elementen. In diesen Fällen ist eine manuelle Überprüfung durch einen ausgebildeten Zugänglichkeitsspezialisten unerlässlich.

HeadingsMap

HeadingsMap ist eine weitere großartige Erweiterung, die die Struktur von Überschriften anzeigen, durchsuchen und überprüfen kann. Diese Erweiterung ist für Chrome, Firefox und Edge verfügbar und generiert eine Dokumentenkarte oder ein Inhaltsverzeichnis für jedes Webdokument, das mit Überschriften strukturiert ist, und zeigt auch die HTML 5-Gliederung an.

Es bietet verschiedene coole Funktionen:

Eine Liste der Überschriften und Informationen zu ihrem Level.
Eine Liste der Abschnitte mit Headerinformationen und Informationen zu strukturellen Fehlern.
Informationen aus dem Hauptdokument und aus den Dokumenten in Frames.
Scrollt zu und hebt die Position einer Überschrift oder eines Abschnitts hervor.
Erkennt Änderungen im DOM und aktualisiert Inhalte.
Kann manuell aktualisiert werden.
Erlaubt das Zusammenklappen der Liste der Überschriften nach Leveln.
Bietet eine Option für einen HTML 5 Outline-Test.
Ermöglicht die Identifizierung der Überschrift oder des Abschnitts mit der CSS Outline-Funktion.
Zeigt keine Überschriften oder Abschnitte an, die für assistive Technologien verborgen sind.

Dieses Tool ist nicht nur nützlich, um die Navigation zu erleichtern, sondern hilft auch Webentwicklern, Beratern und Prüfern. Obwohl diese Erweiterung die Überschriftstruktur zeigt, liegt es immer noch in der Verantwortung des Testers, die Überschriften manuell durch Überprüfung in den DevTools und/oder mit assistischen Technologien zu verifizieren.

Text Spacing

Das Text Spacing-Tool ist ein einfacher Bookmarklet, der dabei hilft, festzustellen, ob Probleme mit dem Inhalt oder der Funktionalität Ihrer Website auftreten, nachdem die Zeilen-, Absatz-, Buchstaben- und Wortzwischenräume gemäß dem WCAG-Erfolgzkriterium für Textzwischenräume erhöht wurden.

Weitere Tools und deren Funktionsweise

Neben den oben genannten Tools gibt es eine Vielzahl weiterer Tools zur Webzugänglichkeitsprüfung, die sich auf verschiedene Aspekte der Zugänglichkeit konzentrieren. Beispiele dafür sind:

Screen Reader Emulatoren: Diese Tools simulieren den Betrieb eines Screen Readers, der für blinde oder sehbehinderte Benutzer verwendet wird.
Farbkontrastprüfer: Diese Tools überprüfen, ob der Farbkontrast zwischen Text und Hintergrund ausreichend ist, um für Menschen mit Sehschwächen lesbar zu sein.
Tastaturnavigationsprüfer: Diese Tools prüfen, ob alle Funktionen einer Website über die Tastatur bedienbar sind, was für Benutzer wichtig ist, die eine Maus nicht verwenden können.
Code-Analysetools: Diese Tools analysieren den Quellcode einer Website auf potenzielle Zugänglichkeitsfehler.

Es ist wichtig zu beachten, dass keine einzelne Tool alle Aspekte der Webzugänglichkeit abdecken kann. Daher ist es ratsam, eine Kombination aus verschiedenen Tools und manuellen Tests zu verwenden, um sicherzustellen, dass Ihre Website für alle Benutzer zugänglich ist.