Dieser Prüfschritt ist bei offener Funktionalität und immer dann anwendbar, wenn die zu prüfende Oberfläche Formular-Elemente, Formular-Bereiche oder Elemente enthält, die zum logischen Verständnis einen Bezug zu einer Beschriftung oder einem anderen Element benötigen. In HTML würden solche Elemente z. B. mit aria-label, aria-labelledby oder aria-describedby ausgezeichnet werden.

Es wird davon ausgegangen, dass die Prüfer*in sich mit der Handhabung von Screenreadern auskennt und dass die vom Screenreader ausgegebenen Rollen- und Wertebezeichnungen bekannt sind. Ebenso müssen Kenntnisse in der Verwendung der weiteren assistiven Systeme vorhanden sein.

Wie wird geprüft

  • Screenreader aktivieren.
  • Fokus des Screenreaders zu den Elementen bewegen, die eine sichtbare Beschriftung besitzen oder ohne den Bezug zu einem anderen textlichen Element der Benutzeroberfläche nicht oder nur schwer verständlich wären.
  • Sofern der Screenreader diese Beschriftungen oder Bezüge korrekt ausgibt, ist der Prüfschritt erfüllt.

Beispiele

  • Ein Eingabe- oder Kombinationsfeld besitzt links daneben eine Beschriftung. Sobald das Formularfeld den Screenreader-Fokus erhält, wird diese Beschriftung ausgegeben.
  • Ein Formular-Bereich, bestehend aus unterschiedlichen Formularfeldern, besitzt direkt über dem Bereich eine Überschrift. Diese wird immer dann, wenn man mit dem Screenreader ein Formularfeld in diesem Bereich ansteuert, zusätzlich zum Formularfeld ausgegeben, um eine optimale Orientierung innerhalb des Formulars gewährleisten zu können.
  • Nach dem Abschicken eines Formulars wird eine Fehlermeldung oberhalb des Formulars ausgegeben und das zuvor fehlerhaft ausgefüllte Formularfeld fokussiert. Der Screenreader gibt zunächst die Fehlermeldung und dann das Label des Formularfelds aus.
  • Formularfelder einer Gruppe bekommen das Gruppenpräfix mitgeteilt (bspw. verschiedene Auswahlschalter für eine Farbe: erwartet wird das Gruppenpräfix Farbauswahl, gefolgt von der jeweils ausgewählten Farbe).

Anforderung (Beschreibung)

Wenn die APP eine Benutzungsschnittstelle bereitstellt, muss sie

  • die Beziehung, die ein Element als Label für ein anderes Element oder als durch ein anderes Element gelabeltes Element aufweist

unter Verwendung der Dienste wie in Prüfschritt „11.5.2.3 Verwendung von Barrierefreiheitsdiensten“ beschrieben offenlegen, damit diese Information durch die Assistenztechnologien bestimmbar ist.

Warum wird das geprüft

Label-Beschriftungen erhöhen die Verständlichkeit von Benutzungsschnittstellenelementen. Ein intelligentes Arrangement von Label-Bezügen zu Formular- und Bedienelementen kann eine Benutzeroberfläche für Hilfsmitteltechnologien ebenso effizient nutzbar machen wie bei der Nutzung ohne Hilfsmittel.

Verweise (Referenzen)

  • EN 301549 v3.2.1 Kapitel 11.5.2.8 Label relationships