Zugängliche Beschreibung

Eine zugängliche Beschreibung ist die Beschreibung eines Benutzeroberflächenelements, die zusätzliche Informationen bereitstellt, 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änglichkeitstrees.

Beispielsweise wird der zugängliche Name einer <table> durch ihre erste <caption> bereitgestellt. Im Fall von komplexen Datentabellen kann ein oder zwei Sätze, die die Tabelle beschreiben, eine Beschreibung liefern. Dies kann ein Absatz direkt vor oder nach der Tabelle sein, sowohl visuell als auch in der Quellcode-Reihenfolge. Befindet sich die Beschreibung anderswo in der Quellreihenfolge oder soll die Zuordnung explizit gemacht werden, 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, liefert das <label> für die <input> vom Typ password seinen zugänglichen Namen. Eine gute zugängliche Beschreibung enthält die Anforderungen an das Passwort auf eine Art und Weise, die für alle Benutzer sichtbar ist. Sie kann explizit mit dem Eingabefeld über das Attribut aria-describedby verknüpft werden, das es dem Zuganglichkeitstree als 'Beschreibung' für diesen Knoten hinzufügt.

Beschreibungen werden auf Textzeichenfolgen reduziert. In unserem Passwortbeispiel, wenn der Wert des Attributs aria-describedby des Eingabefelds die id eines HTML-<ul> mit einer Liste von Anforderungen ist, ist die Beschreibung der zusammengefügte Text und die Textequivalente aller Listenelemente.

Sie können die zugängliche Beschreibung für jedes Element auf Ihrer Seite inspizieren: Schauen Sie in die Zugänglichkeitsregisterkarte der Entwicklertools Ihres Browsers, die die Zugänglichkeitsinformationen für das aktuell ausgewählte Element bereitstellt.

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 durch Überprüfung dieser Merkmale in der Reihenfolge, bis sie definiert ist:

  1. aria-describedby-Attribut.

  2. aria-description-Attribut.

  3. Sprachspezifische Merkmale, die an der Beschreibungsberechnung teilnehmen, wenn das Merkmal nicht bereits zur Definition des zugänglichen Namens verwendet wird. Zum Beispiel:

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

  4. Wenn keiner der obigen Punkte eine Beschreibung liefert, wird das title-Attribut verwendet, wenn title nicht der zugängliche Name für dieses Element ist.

  5. Wenn keiner der obigen Punkte eine zugängliche Beschreibung definiert, ist die zugängliche Beschreibung leer.

Die Schritte zur Definition einer zugänglichen Beschreibung in HTML sind im HTML-AAM Accessible Description definiert. Zugängliche Beschreibungen für SVG-Elemente folgen denselben Schritten mit kleinen Unterschieden, die im SVG-AAM Accessible Description aufgezählt sind.

Siehe auch