Zugängliche Beschreibung
Eine zugängliche Beschreibung ist die Beschreibung eines Benutzerschnittstellenelements, die zusätzliche Informationen bereitstellt, um Benutzern assistiver Technologien das Verständnis des UI-Elements und seines Kontexts zu erleichtern. Sie ist mit einem HTML- oder SVG-Element verknüpft und gibt den Benutzern zusätzlich zum zugänglichen Namen des Elements weiteren Kontext über den Zweck. Dies ist besonders wichtig für Benutzer, die auf assistive Technologien wie Bildschirmleser angewiesen sind. Die zugängliche Beschreibung eines Elements ist Teil des Zugänglichkeit-Baums.
Ein Beispiel: Der zugängliche Name einer <table> wird durch die erste <caption> bereitgestellt. Im Fall von komplexen 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 an einer anderen Stelle in der Quellreihenfolge befindet oder die Verknüpfung explizit gemacht werden soll, kann das aria-describedby-Attribut verwendet werden, um die Tabelle mit ihrer Beschreibung zu verknüpfen.
Ähnlich dazu: Wenn ein Benutzer ein Passwort erstellen soll, stellt das <label> für das <input> des Typs password seinen zugänglichen Namen bereit. Eine gute zugängliche Beschreibung enthält die Anforderungen für das Passwort in einer Weise, die für alle Benutzer sichtbar ist. Sie kann explizit mit dem Eingabefeld über das aria-describedby-Attribut verknüpft werden, das es dem Zugänglichkeit-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 Eingabefelds die id eines HTML-<ul> mit einer Liste von Anforderungen ist, ist die Beschreibung der zusammengeführte Text und die Textequivalente aller Listenelemente.
Sie können die zugängliche Beschreibung für jedes Element auf Ihrer Seite überprüfen: Schauen Sie im Zugänglichkeits-Tab der Entwicklertools Ihres Browsers, 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 Merkmale nacheinander überprüft, bis sie definiert ist:
-
aria-describedby-Attribut. -
aria-description-Attribut. -
Sprachspezifische Merkmale, die an der Beschreibung teilnehmen, wenn das Merkmal nicht bereits verwendet wird, um den zugänglichen Namen zu definieren. Zum Beispiel:
- Eine
<summary>wird durch den Inhalt der<details>beschrieben, in der sie verschachtelt ist. <input>-Buttons (mit dem Typ-Attributbutton,submitoderreset) werden durch den Wert ihresvalue-Attributs beschrieben.- In SVG, der Inhalt des
<desc>-Elements, falls vorhanden, andernfalls der Text in nachgeordneten Textelementen (z. B.<text>), sofern sie nicht bereits für den zugänglichen Namen verwendet werden.
- Eine
-
Wenn keine der obigen Optionen eine Beschreibung liefert, wird das
title-Attribut verwendet, sofern dertitlenicht der zugängliche Name für dieses Element ist. -
Wenn keine der obigen Optionen eine zugängliche Beschreibung definiert, ist die zugängliche Beschreibung leer.
Die Schritte zur Definition einer zugänglichen Beschreibung in HTML sind in der HTML-AAM Zugängliche Beschreibung definiert. Die zugängliche Beschreibung für SVG-Elemente folgt denselben Schritten mit kleinen Unterschieden, die in der SVG-AAM Zugängliche Beschreibung aufgelistet sind.