Zugängliche Beschreibung

Eine zugängliche Beschreibung ist die Beschreibung eines Benutzeroberflächenelements, die zusätzliche Informationen liefert, um Benutzern von unterstützenden Technologien zu helfen, das UI-Element und seinen Kontext zu verstehen. Sie ist mit einem HTML- oder SVG-Element verbunden und gibt Benutzern zusätzlichen Kontext über seinen Zweck, über das hinaus, was der zugängliche Name des Elements bereitstellt. Dies ist besonders wichtig für Benutzer, die auf unterstützende Technologien wie Screenreader angewiesen sind. Die zugängliche Beschreibung eines Elements ist Teil des Zugänglichkeitsbaums.

Zum Beispiel wird der zugängliche Name einer <table> durch ihre erste <caption> bereitgestellt. Im Falle komplexer Datentabellen kann ein oder zwei Sätze, die die Tabelle beschreiben, als Beschreibung dienen. Dies kann ein Absatz direkt vor oder nach der Tabelle sein, sowohl visuell als auch in der Quellcode-Reihenfolge. Wenn es sich anderswo in der Quellreihenfolge befindet oder um die Zuordnung explizit zu machen, kann das Attribut aria-describedby verwendet werden, um die Tabelle mit ihrer Beschreibung zu verknüpfen.

Ebenso, wenn ein Benutzer aufgefordert wird, ein Passwort zu erstellen, bietet das <label> für die <input> des Typs password seinen zugänglichen Namen. Eine gute zugängliche Beschreibung umfasst die Anforderungen für das Passwort auf eine Weise, die für alle Benutzer sichtbar ist. Sie kann explizit mit der Eingabe über ihr aria-describedby-Attribut verknüpft werden, welches es als 'Beschreibung' für diesen Knoten dem Zugänglichkeitsbaum hinzufügt.

Beschreibungen werden zu Textzeichenfolgen reduziert. In unserem Passwort-Beispiel, wenn der aria-describedby-Attributwert der Eingabe die id eines HTML-<ul> mit einer Liste von Anforderungen ist, wird die Beschreibung zu einem zusammengefügten Text und den Textequivalenten aller Listenelemente.

Sie können die zugängliche Beschreibung für jedes Element auf Ihrer Seite inspizieren: Schauen Sie sich den Zugänglichkeitstab in den Entwicklertools Ihres Browsers an. Dort wird die Zugänglichkeitsinformation für das derzeit ausgewählte Element bereitgestellt.

Berechnung der zugänglichen Beschreibung

Für HTML-Elemente, wenn ein Element keine zugängliche Beschreibung hat, muss die Beschreibung programmatisch mit dem zugehörigen Element verknüpft werden. Das Accessibility Object Model (AOM) berechnet die zugängliche Beschreibung, indem es diese Funktionen der Reihe nach überprüft, bis sie definiert ist:

  1. aria-describedby-Attribut.

  2. aria-description-Attribut.

  3. Sprachspezifische Funktionen, die an der Berechnung der Beschreibung teilnehmen, wenn die Funktion nicht bereits zur Definition des zugänglichen Namens verwendet wird. Zum Beispiel:

    • Ein <summary> wird durch den Inhalt der <details> beschrieben, in denen es verschachtelt ist.
    • <input>-Buttons (mit dem Typ-Attribut button, submit oder reset) werden durch den Wert ihres value-Attributs beschrieben.
    • In SVG, der Inhalt des <desc>-Elements, falls vorhanden, andernfalls der Text, der in untergeordneten Textcontainerelementen enthalten ist (d.h. <text>), falls sie nicht bereits für den zugänglichen Namen verwendet werden.

  4. Falls keines der oben genannten eine Beschreibung liefert, wird das title-Attribut verwendet, wenn title nicht der zugängliche Name für dieses Element ist.

  5. Wenn keiner der oben genannten eine zugängliche Beschreibung definiert, bleibt die zugängliche Beschreibung leer.

Die Schritte zur Definition der zugänglichen Beschreibung in HTML sind im HTML-AAM Accessible Description) definiert. Die zugängliche Beschreibung für SVG-Elemente folgt denselben Schritten mit kleinen Unterschieden, die im SVG-AAM Accessible Description) aufgelistet sind.

Siehe auch