Erfolgskriterium 3.3.2
Beschriftungen oder Anleitungen
[Materialsammlung]
Formularelemente, die eine Eingabe erfordern, benötigen eine klar verständliche Beschriftung oder Anleitung.
WCAG Kontext
Prinzip 3. Verstehbar Understandable
Information und die Bedienung der Benutzerschnittstelle müssen verstanden werden können.
Richtlinie 3.3 Assistenz bei Eingabe
Hilf bei der Vermeidung und Behebung von Fehlern.
Verwandte Erfolgskriterien
- 2.5.3 Beschriftung im Namen
- Der technisch verfügbare Name eines Steuerelements muss die sichtbare Beschriftung des Steuerelements enthalten.
Übersetzung des Erfolgskriteriums
Beschriftungen oder Anleitungen sind vorgesehen, wenn Inhalt Eingabe durch Nutzer*innen erfordert.
Anmerkungen zur Übersetzung
Englischsprachiger Originaltext des Erfolgskriteriums
Labels or instructions are provided when content requires user input.
Zum raschen Verständnis
Beschriftungen oder Gebrauchsanweisungen für Formularelemente sind vorgesehen. Es muss also klar sein, was in dem Formularelement abgefragt wird.
Für ein gewöhnliches Suchfeld scheint eine Handlungsanleitung gewöhnlich nicht erforderlich. Es darf als bekannt vorausgesetzt werden, dass eine Eingabe erforderlich ist.
Laucke in der WAI Liste 2022.
Zielgruppen
Testverfahren
Maschinelle Prüfung
Eine Prüfung mit dem W3C HTML Validator sollte vor jeglicher Veröffentlichung einer Webseite erfolgen. Dieser Validator schlägt auch an, wenn ein img-Element über kein alt-Attribut verfügt. Ein fehlendes alt-Attribut bewirkt, dass ein Screen Reader zur Bildbeschreibung auf den Dateinamen aus dem src-Attribut zurückgreift, der selten aussagekräftig genug ist.
Tools, die explizit zur Prüfung der digitalen Barrierefreiheit dienen, bieten darüber hinaus keine Erkenntnisse. Noch gibt es keine künstliche Intelligenz, die den Bildinhalt im Kontext erkennen könnte.
Manuelle Prüfung
- Deaktiviere im Browser die Darstellung von Bildern und prüfe, ob die angezeigten Textalternativen hinreichend zum Verständnis von Inhalt und Funktionalität beitragen.
- Suche im Quelltext nach der Zeichenfolge
<imgund prüfe, ob der Wert imalt-Attribut einen Sinn ergibt. - Suche im Quelltext nach der Zeichenfolge
<alt=" "und prüfe, ob das derart verborgene Bild tatsächlich rein dekorativ ist. - Sieh dir im Browser Bilder und Grafiken an, die mittels CSS als Hintergrundgrafik eingeblendet sind. Sind diese jeweils rein dekorativ oder ist ein Textäquivalent vorhanden, das Inhalt oder Funktionalität angemessen beschreibt?
Es empfiehlt sich, zum Vergleich die Webseite auf einem anderen Rechner oder in einem anderen Browser parallel zu öffnen.
Prüfung durch betroffene Menschen (Peer Evaluation)
Blinde Menschen sind am meisten auf Alternativtexte angewiesen. Sie sind darüber hinaus überwiegend mit mangelhaften Alternativtexten konfrontiert. Vielfach ignorieren sie deshalb grundsätzlich Bilder beim Surfen.
Blinde Menschen können jedoch auch über den größten Erfahrungsschatz bei der Formulierung von Alternativtexten verfügen. Sie sollten daher unter folgenden Voraussetzungen bei der redaktionellen Einbettung von Bildern eingebunden werden:
- Blinde Testpersonen müssen technische und redaktionelle Anforderungen an textuelle Alternativen zu Bildern kennen. Als geschulte und erfahrene Prüfungsfachkräfte können sie bei der Formulierung von Alternativtexten zur Signifikanz und Prägnanz beitragen.
- Blinde Testpersonen benötigen zur Prüfung von Alternativtexten eine sehende Assistenzperson, die beschreibt, was auf einem Bild dargestellt ist. Assistenz ist auch erforderlich, wenn ein Bild redaktionell im Kontext oder technisch in der Reihenfolge der Elemente nicht adäquat dargestellt ist.