-
Fehlermeldungen werden visuell nicht angezeigt
Das digitale Produkt enthält Formulare, welche beim inkorrekten Ausfüllen Fehlermeldungen generieren. Diese stehen jedoch ausschließlich Nutzenden von Screenreadern zur Verfügung, da sie nicht visuell eingeblendet werden. Beispiele: Fehlermeldungen sollen prinzipiell allen Nutzenden zur Verfügung stehen. Nur so kann gewährleistet werden, dass ein Formular erfolgreich und effizient abgeschickt werden kann. Vor allem kognitiv eingeschränkte Nutzende benötigen…
App-Kriterium:
Web-Kriterium:
Dokument-Kriterium:
EzB-Kriterium:
Produkt:
WebseitenSchwere:
NormalAbteilung:
GestaltungEntwicklungRedaktionSchlagwörter:
-
Bezeichnung des Angebots variiert je nach Seite
Der Dokumenttitel bezeichnet den allgemeinen Namen des digitalen Produkts nicht immer gleichartig. Auf manchen Seiten unterscheidet sich die Bezeichnung des Angebots im Vergleich zu den anderen Seiten. Beispiele: Der Dokumenttitel soll den Inhalt der jeweiligen Seite des Angebots aussagekräftig zusammenfassen. Eine Bezeichnung des gesamten Angebots hinter dem individuellen Dokumenttitel ist wünschenswert. Diese soll konsistent eingesetzt…
App-Kriterium:
Web-Kriterium:
Dokument-Kriterium:
EzB-Kriterium:
Produkt:
WebseitenSchwere:
EmpfehlungAbteilung:
GestaltungEntwicklungRedaktionSchlagwörter:
-
Versteckte Überschriften vermeiden
Das digitale Produkt enthält im Quellcode ausgezeichnete Überschriften, die visuell versteckt sind und somit ausschließlich Nutzenden von Screenreadern zur Verfügung stehen. Überschriften sollten auch visuell sichtbar sein. Beispiele: Kognitiv eingeschränkte Nutzende können durch Überschriften, den Inhalt des digitalen Produkts besser verstehen. Sie sollten deshalb stets auch sichtbar bereitgestellt werden, vor allem, wenn sie wichtige Bereiche…
App-Kriterium:
Web-Kriterium:
Dokument-Kriterium:
EzB-Kriterium:
Produkt:
WebseitenSchwere:
EmpfehlungAbteilung:
GestaltungEntwicklungRedaktionSchlagwörter:
-
Relevante Informationen werden nach dem betroffenen Formularelement angegeben
Einige relevante Informationen, welche für den Abschluss des Workflows benötigt werden oder diesen erleichtern, werden visuell nach dem jeweils betroffenen Formularelement angezeigt. Beispiele: Für nicht oder schlecht sehende Nutzer ist es essenziell, dass relevante Informationen stets vor der Eingabe angegeben werden, da diese ohne visuellen Kontext nicht vor der Eingabe erfasst werden können. Für jeden…
App-Kriterium:
Web-Kriterium:
Dokument-Kriterium:
EzB-Kriterium:
Produkt:
Schwere:
NormalAbteilung:
GestaltungEntwicklungSchlagwörter:
-
HTML-Semantik für Absätze verwenden
Das digitale Produkt enthält Textabsätze, die mit div-Elementen ausgezeichnet sind. Hier sollten stattdessen p-Tags verwendet werden. Beispiele: Benutzeroberflächen-Elemente, die visuell bestimmte Charakteristiken aufweisen, müssen diese auch auf einer semantischen Ebene besitzen. Assistive Technologien können dadurch all das, was optisch voneinander unterscheidbar ist, über die Accessibility API der jeweiligen Plattform als unterscheidbar ausgeben. Das ist notwendig,…
App-Kriterium:
Web-Kriterium:
Dokument-Kriterium:
EzB-Kriterium:
Produkt:
WebseitenSchwere:
EmpfehlungAbteilung:
EntwicklungSchlagwörter:
-
Unzureichende Beschriftung von Social Media Links
Das digitale Produkt enthält Links zu Social Media. Diese sind nur mit der allgemeinen Bezeichnung der Zielseite beschriftet. Es wird nicht deutlich, um wessen Social Media Auftritt es genau geht. Beispiele: Nutzende von Screenreadern lesen jedes Linkelement einzeln und sind auf einen korrekten und aussagekräftigen Namen angewiesen, um den Zweck des Elements zu erkennen. Daher…
App-Kriterium:
Web-Kriterium:
Dokument-Kriterium:
EzB-Kriterium:
Produkt:
WebseitenSchwere:
NiedrigAbteilung:
EntwicklungRedaktionSchlagwörter: