-
Fehlerhafte Fokussetzung bei aktualisierten Inhalten
Das digitale Produkt enthält dynamisch änderbare Inhalte. Hierbei erfolgt die Änderung nicht unterhalb des auslösenden Elementes. Der Fokus wird beim Weiternavigieren mit der Tastatur bzw. dem Screenreader nicht auf den neu geladenen Inhalt gesetzt. Beispiele: Nutzende, die auf Tastaturbedienung angewiesen sind bzw. Nutzende von Screenreadern sollen nicht rückwärts navigieren müssen, um zu aktualisierten Inhalten zu…
App-Kriterium:
Web-Kriterium:
Dokument-Kriterium:
EzB-Kriterium:
Produkt:
WebseitenSchwere:
NormalAbteilung:
EntwicklungSchlagwörter:
-
Unschlüssige Reihenfolge durch sich wiederholende Elemente
Das digitale Produkt enthält Bereiche, die bei der Bedienung mit der Tastatur mehrfach erreicht werden. Beispiele: Werden Bereiche mit der Tastatur mehrfach erreicht, wird die Bedienung für motorisch eingeschränkte oder blinde Nutzende erschwert. Die Nutzenden verstehen den logischen Aufbau der Seite gegebenenfalls nicht mehr, was sich auch negativ auf die Effizienz auswirken kann.
App-Kriterium:
Web-Kriterium:
Dokument-Kriterium:
EzB-Kriterium:
Produkt:
WebseitenSchwere:
NormalAbteilung:
EntwicklungSchlagwörter:
-
Regionen beschriften
Das digitale Produkt beinhaltet HTML section-Elemente oder region-landmarks, die nicht zugänglich beschriftet sind und deshalb auch nicht mit dem Screenreader anspringbar sind. Um die Anspringbarkeit zu gewährleisten, kann hier bspw. ein aria-label oder aria-labelledby verwendet werden. Beispiele: Eine Ausgabe der Beschriftung beim Erreichen einer Region durch den Screenreader erleichtert den Zugang zum digitalen Produkt. Blinde…
App-Kriterium:
Web-Kriterium:
Dokument-Kriterium:
EzB-Kriterium:
Produkt:
WebseitenSchwere:
EmpfehlungAbteilung:
EntwicklungSchlagwörter:
-
Fehlender Einsatz überspringbarer Bereiche
Es existieren Bereiche, die im Quellcode nicht in einer Region vorhanden sind oder durch Überschriften oder Sprunglinks mit dem Screenreader gezielt an- und überspringbar sind. Beispiele: Nutzende von Screenreadern können die Struktur und den Aufbau des digitalen Produkts erschließen, indem sie von Region zu Region navigieren. Eine sinnvolle Zuordnung der Regionen ermöglicht es, bestimmte Bereiche…
App-Kriterium:
Web-Kriterium:
Dokument-Kriterium:
EzB-Kriterium:
Produkt:
WebseitenSchwere:
NormalAbteilung:
EntwicklungSchlagwörter:
-
Fehlendes oder fehlerhaftes title-Attribut bei Frames oder iFrames
Das digitale Produkt bettet Inhalte in Frames oder iFrames ein. Diese enthalten kein sinnvolles title-Attribut, welches eine Identifizierung und Beschreibung des eingebundenen Inhalts enthält. Beispiele: Nutzende von Screenreadern sollen bei der Navigation durch die Seite den Aufbau nachvollziehen können und wissen, welche Inhalte ein erreichter Bereich enthält. Bei Frames oder iFrames erfüllt das title-Attribut diesen…
App-Kriterium:
Web-Kriterium:
Dokument-Kriterium:
EzB-Kriterium:
Produkt:
WebseitenSchwere:
NormalAbteilung:
EntwicklungRedaktionSchlagwörter:
-
Fehlerhafte Fokussetzung bei Verlassen modaler Dialoge mit externer Tastatur
Das digitale Produkt enthält modale Dialoge, die bei Navigation mit der Tastatur verlassen werden, obwohl sie im Vordergrund liegen und andere Inhalte überdecken. Beispiele: Nutzende, die auf Tastaturbedienung angewiesen sind, sollen jederzeit wissen, wo sie sich gerade befinden. Die Informationen, die bei Verwendung eines Screenreaders übermittelt werden, sind äußerst umfangreich und können schnell belasten. Es…
Web-Kriterium:
Dokument-Kriterium:
EzB-Kriterium:
Produkt:
Mobile AppsWebseitenSchwere:
HochAbteilung:
GestaltungEntwicklungSchlagwörter:
-
Fehlerhafte Fokussetzung beim Blättern in Formularen
Beim Blättern in Formularen im digitalen Produkt mit Tastatur wird der Fokus fehlerhaft gesetzt. Dieses Problem tritt sowohl mit als auch ohne aktivem Screenreader auf. Beispiele: Der Fokus soll beim Blättern in Formularen optimalerweise auf den Beginn des neu angezeigten Inhalts gesetzt werden. So wird sichergestellt, dass kein Element verpasst wird, und dass die Nutzenden…
App-Kriterium:
Web-Kriterium:
Dokument-Kriterium:
EzB-Kriterium:
Produkt:
WebseitenSchwere:
NormalAbteilung:
EntwicklungSchlagwörter:
-
Keine konsistente Bezeichnung von mehrfach vorkommenden Elementen
Das digitale Produkt enthält Elemente, die mehrfach vorkommen. Diese sind nicht einheitlich benannt. Beispiele: Sich wiederholende Inhalte oder Funktionalitäten, wie zum Beispiel Navigationsmenüs oder andere Elemente, die öfter vorkommen, sollen seitenübergreifend stets einheitlich benannt sein. Vor allem blinde oder kognitiv beeinträchtigte Menschen benötigen zur Orientierung im digitalen Produkt eine konsistente Bezeichnung der seitenübergreifenden Bereiche. So…
App-Kriterium:
Web-Kriterium:
Dokument-Kriterium:
EzB-Kriterium:
Produkt:
WebseitenSchwere:
NormalAbteilung:
GestaltungEntwicklungRedaktionSchlagwörter:
-
Navigationsmechanismen nicht konsistent eingesetzt
Die Navigationsmechanismen des digitalen Produkts sind nicht auf allen Seiten einheitlich angeordnet und gestaltet. Beispiele: Vor allem blinde oder kognitiv beeinträchtigte Menschen benötigen zur Orientierung im digitalen Produkt eine konsistente Struktur der seitenübergreifenden Bereiche. So können sie sich schneller zurechtfinden und gezielter nach bestimmten Inhalten suchen.
App-Kriterium:
Web-Kriterium:
Dokument-Kriterium:
EzB-Kriterium:
Produkt:
WebseitenSchwere:
NormalAbteilung:
GestaltungEntwicklungRedaktionSchlagwörter:
-
Fehlerhafter Einsatz von Regionen bzw. Landmarks
Die Inhalte der Seite sind zwar mit HTML-Regionen oder WAI-ARIA document landmarks gegliedert, jedoch entspricht deren Zuordnung nicht der inhaltlichen Struktur. Beispiele: Nutzende eines Screenreaders können die Struktur und den Aufbau des digitalen Produkts erschließen, indem sie von Region zu Region navigieren. Eine sinnvolle Zuordnung der Regionen ermöglicht es, bestimmte Bereiche zu identifizieren und den…
App-Kriterium:
Web-Kriterium:
Dokument-Kriterium:
EzB-Kriterium:
Produkt:
WebseitenSchwere:
NormalAbteilung:
EntwicklungSchlagwörter: