Zugängliche Beschreibung

Eine zugängliche Beschreibung ist die Beschreibung eines Benutzeroberflächenelements, die zusätzliche Informationen bietet, um Benutzern von unterstützenden Technologien zu helfen, das UI-Element und seinen Kontext zu verstehen. Sie ist mit einem HTML- oder SVG-Element verknüpft und gibt Benutzern zusätzlichen Kontext über den Zweck des Elements, der über das hinausgeht, was durch den zugänglichen Namen des Elements bereitgestellt wird. Dies ist besonders wichtig für Benutzer, die sich auf unterstützende Technologien wie Screenreader verlassen. Eine zugängliche Beschreibung eines Elements ist Teil des Zugänglichkeitsbaums.

Zum Beispiel wird der zugängliche Name eines <table> durch dessen erstes <caption> bereitgestellt. Im Fall von komplexen Datentabellen kann ein Satz oder zwei, 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. Wenn es sich anderswo in der Quellcode-Reihenfolge befindet 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 Benutzer aufgefordert wird, ein Passwort zu erstellen, stellt das <label> für das <input> vom Typ password seinen zugänglichen Namen bereit. 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 dem Eingabefeld über dessen aria-describedby-Attribut verknüpft werden, das es dem Zugänglichkeitsbaum als 'Beschreibung' für diesen Knoten hinzufügt.

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

Sie können die zugängliche Beschreibung für jedes Element auf Ihrer Seite überprüfen: Schauen Sie sich den Accessibility-Tab der Entwicklertools Ihres Browsers an, 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 programmatisch mit dem zugehörigen Element verknüpft werden. Das Accessibility Object Model (AOM) berechnet die zugängliche Beschreibung, indem es diese Funktionen in der Reihenfolge überprüft, bis sie definiert ist:

  1. aria-describedby-Attribut.

  2. aria-description-Attribut.

  3. Sprachspezifische Merkmale, die an der Beschreibungsteilnahme teilnehmen, sofern das Merkmal nicht bereits verwendet wird, um den zugänglichen Namen zu definieren. 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 der Inhalt des <desc>-Elements, falls vorhanden, andernfalls der Text, der in nachfolgenden Textelementen (d.h. <text>) enthalten ist, sofern sie nicht bereits für den zugänglichen Namen verwendet werden.

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

  5. Wenn keine der oben genannten Definitionen eine zugängliche Beschreibung bietet, ist die zugängliche Beschreibung leer.

Die Schritte zur Definition einer zugänglichen Beschreibung in HTML sind im HTML-AAM Accessible Description festgelegt. Die zugängliche Beschreibung für SVG-Elemente folgt den gleichen Schritten mit kleinen Unterschieden, die im SVG-AAM Accessible Description aufgezählt sind.

Siehe auch