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 dessen Zweck, der über das hinausgeht, was durch den zugänglichen Namen des Elements bereitgestellt wird. 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 Accessibility-Baums.
Zum Beispiel wird der zugängliche Name einer <table> durch seine erste <caption> bereitgestellt. Im Fall von komplexen Datentabellen kann ein oder zwei Sätze, die die Tabelle beschreiben, eine Beschreibung bieten. Dies kann ein Absatz direkt vor oder nach der Tabelle sein, sowohl visuell als auch in der Quellcode-Reihenfolge. Wenn sie anderswo in der Quellreihenfolge steht oder um die Zuordnung explizit zu machen, kann das Attribut aria-describedby verwendet werden, um die Tabelle mit ihrer Beschreibung zu verknüpfen.
Ähnlich ist es, wenn ein Benutzer aufgefordert wird, ein Passwort zu erstellen. Das <label> für das <input> vom Typ password liefert seinen zugänglichen Namen. Eine gute zugängliche Beschreibung umfasst die Anforderungen an das Passwort auf eine Weise, die für alle Benutzer sichtbar ist. Sie kann explizit mit dem Input über dessen aria-describedby-Attribut verknüpft werden, was sie dem Accessibility-Baum als 'Beschreibung' für diesen Knoten hinzufügt.
Beschreibungen werden auf Textzeichenfolgen reduziert. In unserem Passwort-Beispiel, wenn der Wert des aria-describedby-Attributs des Inputs die id eines HTML-<ul> mit einer Liste von Anforderungen ist, besteht die Beschreibung aus einem zusammengefügten Text und Textequivalenten aller Listenelemente.
Sie können die zugängliche Beschreibung für jedes Element auf Ihrer Seite inspizieren: Sehen Sie sich den Accessibility-Tab der Entwickler-Tools Ihres Browsers an, der die Accessibility-Informationen für das aktuell ausgewählte Element liefert.
Berechnung der zugänglichen Beschreibung
Für HTML-Elemente, wenn ein Element keine zugängliche Beschreibung hat, muss die Beschreibung programmgesteuert mit dem zugehörigen Element verbunden werden. Das Accessibility Object Model (AOM) berechnet die zugängliche Beschreibung, indem es diese Funktionen in der Reihenfolge prüft, bis sie definiert ist:
-
aria-describedby-Attribut. -
aria-description-Attribut. -
Sprachspezifische Funktionen, die an der Beschreibungskomposition teilnehmen, falls das Merkmal nicht bereits zur Definition des zugänglichen Namens verwendet wird. Zum Beispiel:
- Ein
<summary>wird durch den Inhalt der<details>beschrieben, in dem es sich befindet. <input>-Buttons (mit dem Typ-Attributbutton,submitoderreset) werden durch den Wert ihresvalue-Attributs beschrieben.- In SVG, der Inhalt des
<desc>-Elements, falls vorhanden, ansonsten der Text, der in den nachgeordneten Textcontainer-Elementen enthalten ist (d.h.<text>), falls sie nicht bereits für den zugänglichen Namen verwendet werden.
- Ein
-
Wenn keine der oben genannten Optionen eine Beschreibung liefert, wird das
title-Attribut verwendet, sofern dertitlenicht der zugängliche Name für dieses Element ist. -
Wenn keine der oben genannten Definitionen eine zugängliche Beschreibung liefert, 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 unter SVG-AAM Accessible Description) aufgezählt sind.