Was wird geprüft?
Sichtbare Beschriftungen von Bedienelementen sollen im zugänglichen Name des Bedienelements vorkommen. Dies betrifft zum Beispiel Links, Beschriftungen von Textfeldern, Buttons oder Checkboxen.
Warum wird das geprüft?
Spracheingabenutzer können Bedienelemente wie Links, Tasten oder Eingabefelder aktivieren, indem sie den sichtbaren Namen sagen, auch in der Verbindung mit Befehlen (z. B. Klick "Abschicken"). Wenn die sichtbare Beschriftung nicht in dem hinterlegten zugänglichen Namen des Bedienelements (also dem Text, der programmatisch als Beschriftung ermittelt wird) vorkommt, lässt sich das Bedienelement gegebenenfalls nicht oder nur über Umwege mittels Spracheingabe aktivieren.
Bedienelemente haben manchmal einen zugänglichen Namen, der von der sichtbaren
Beschriftung abweicht, weil er über nicht sichtbare Attribute wie aria-label
oder über nur bei Mausnutzung eingeblendete Attribute wie title festgelegt
wird.
So könnte etwa die sichtbare Beschriftung "AGB akzeptieren" durch den
hinterlegten zugänglichen Namen "Allgemeine Geschäftsbedingungen annehmen"
ersetzt werden.
Wenn Spracheingabenutzer nun Klicke "AGB akzeptieren" diktieren, kommt dieser
Text so nicht im zugänglichen Namen vor, die Eingabe schlägt deshalb fehl.
Manchmal wird versteckter Text benutzt, um sichtbare Beschriftungen zu erweitern, oft auch in der Absicht, Hilfsmittelnutzern zu helfen. Das ist dann in Ordnung, wenn die sichtbare Beschriftung durchgehend in dem zugänglichen Namen enthalten ist, am besten zu Beginn.
Wie wird geprüft?
1. Anwendbarkeit des Prüfschritts
Der Prüfschritt ist anwendbar auf Bedienelemente, die entweder sich selbst beschriften (Links, Tasten) oder einem Bedienelement wie einem Texteingabefeld oder einer Checkbox direkt zugeordnet sind.
Auf Bedienelemente, die durch mehrere sichtbare Elemente beschriftet sind, ist der Prüfschritt nicht anwendbar, so wenn Elemente über eine tabellarische Matrix über Beschriftungen in Spalten- und Zeilenüberschriften ihren zugänglichen Namen empfangen. In diesen Fällen ist es für den Spracheingabe-Nutzer unklar, welche Elemente als Beschriftung des Bedienelements gelten und dementsprechend für ein Diktat per Spracheingabe benutzt werden sollten.
2. Prüfung
Für jedes Bedienelement, das sich selbst beschriftet oder durch einen einfachen zugeordneten Text beschriftet ist, prüfen, ob der Text in der gleichen Form im zugänglichen Namen des Bedienelements vorkommt.
3. Hinweise
Verwenden Sie einen Screenreader, die Entwickler-Werkzeuge des Browsers oder ein anderes Tool (etwa ein Bookmarklet), um den zugänglichen Namen jedes Bedienelements für den Vergleich mit dem Text der sichtbaren Beschriftung zu ermitteln (Beachten Sie, dass die Screenreader-Ausgabe Informationen enthalten kann, die nicht Teil des zugänglichen Namens sind, zum Beispiel die Rolle des Bedienelements oder eine zusätzliche Beschreibung).
Der zugängliche Name des Bedienelements kann zusätzlichen Text enthalten, aber die Zeichenkette der Beschriftung sollte in der gleichen Form in der Zeichenkette des zugänglichen Namens enthalten sein.
4. Bewertung
Der Prüfschritt ist erfüllt, wenn der Beschriftungstext in der gleichen Form im zugänglichen Namen vorkommt.
Einordnung des Prüfschritts
Einordnung des Prüfschritts nach WCAG 2.1
Guideline
Success criterion
2.5.3 Label in Name (Level A)
Sufficient Techniques
Failures
Quellen
Understanding Success Criterion 2.5.3: Label in Name (zur Zeit nur auf Englisch verfügbar)
Accessible Name and Description Computation: https://www.w3.org/TR/accname/#mapping_additional_nd_te (zur Zeit nur auf Englisch verfügbar)