Zugängliche Beschreibung

Eine zugängliche Beschreibung ist die Beschreibung eines Benutzeroberflächenelements, die zusätzliche Informationen bietet, um Nutzern assistiver Technologien zu helfen, das UI-Element und seinen Kontext zu verstehen. Sie ist mit einem HTML- oder SVG-Element verknüpft und gibt den Nutzern zusätzlichen Kontext über die Zweckbestimmung des Elements hinaus, die der zugängliche Name des Elements bietet. Dies ist besonders wichtig für Nutzer, die auf assistive 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. Bei 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. Falls an anderer Stelle in der Quellcode-Reihenfolge, oder um die Zuordnung explizit zu machen, kann das Attribut aria-describedby verwendet werden, um die Tabelle mit ihrer Beschreibung zu verknüpfen.

Ähnlich, wenn ein Nutzer gebeten wird, ein Passwort zu erstellen, bietet das <label> für das <input> vom Typ password seinen zugänglichen Namen. Eine gute zugängliche Beschreibung umfasst die Anforderungen für das Passwort auf eine Weise, die für alle Nutzer sichtbar ist. Sie kann explizit mit dem Eingabefeld über dessen aria-describedby-Attribut verknüpft werden, was sie als 'Beschreibung' für diesen Knoten in den Zugänglichkeitsbaum aufnimmt.

Beschreibungen werden auf Zeichenfolgen reduziert. In unserem Passwortbeispiel, wenn der aria-describedby-Attributwert des Eingabefelds die id eines HTML-<ul> mit einer Liste von Anforderungen ist, ist die Beschreibung der verkettete Text und die Textequivalente aller Listenelemente.

Sie können die zugängliche Beschreibung für jedes Element auf Ihrer Seite inspizieren: Sehen Sie im Zugänglichkeits-Tab der Entwicklertools Ihres Browsers nach, der die Zugänglichkeitsinformationen für das derzeit ausgewählte Element bereitstellt.

Berechnung der zugänglichen Beschreibung

Für HTML-Elemente, wenn ein Element keine zugängliche Beschreibung hat, muss die Beschreibung programmgesteuert mit dem betreffenden Element verknüpft werden. Das Accessibility Object Model (AOM) berechnet die zugängliche Beschreibung, indem es diese Merkmale in der Reihenfolge überprüft, bis sie definiert ist:

  1. aria-describedby-Attribut.

  2. aria-description-Attribut.

  3. Sprachspezifische Merkmale, die an der Berechnung der Beschreibung 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>-Schaltflächen (mit Typattribut button, submit oder reset) werden durch den Wert ihres value-Attributs beschrieben.
    • In SVG, der Inhalt des <desc>-Elements, falls vorhanden, ansonsten der Text, der in nachgeordneten Textelementen enthalten ist (d.h. <text>), wenn sie nicht bereits für den zugänglichen Namen verwendet werden.

  4. Wenn keine der oben genannten Merkmale eine Beschreibung bereitstellen, wird das title-Attribut verwendet, wenn das title nicht der zugängliche Name für dieses Element ist.

  5. Wenn keine der oben definierten Merkmale eine zugängliche Beschreibung definieren, ist die zugängliche Beschreibung leer.

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

Siehe auch