Zugängliche Beschreibung

Eine zugängliche Beschreibung ist die Beschreibung eines Elements der Benutzeroberfläche, die zusätzliche Informationen bereitstellt. Sie hilft Personen, die assistive Technologien verwenden, das Element und seinen Kontext zu verstehen. Sie ist einem HTML- oder SVG-Element zugeordnet und ergänzt dessen zugänglichen Namen um weitere Informationen zum Zweck des Elements. Das ist besonders wichtig für Personen, die auf assistive Technologien wie Screenreader angewiesen sind. Die zugängliche Beschreibung eines Elements ist Teil des Barrierefreiheitsbaums.

Der zugängliche Name einer <table> wird beispielsweise durch ihre erste <caption> bereitgestellt. Bei komplexen Datentabellen können ein oder zwei Sätze, die die Tabelle erläutern, als Beschreibung dienen. Diese können als Absatz unmittelbar vor oder nach der Tabelle stehen – sowohl in der visuellen Darstellung als auch in der Reihenfolge des Quellcodes. Steht die Beschreibung an anderer Stelle im Quellcode oder soll die Zuordnung ausdrücklich festgelegt werden, kann das Attribut aria-describedby verwendet werden, um die Tabelle mit ihrer Beschreibung zu verknüpfen.

Wenn eine Person aufgefordert wird, ein Passwort zu erstellen, stellt entsprechend das <label> für das <input> vom Typ password dessen zugänglichen Namen bereit. Eine gute zugängliche Beschreibung nennt die Anforderungen an das Passwort so, dass sie für alle sichtbar sind. Sie kann über das Attribut aria-describedby ausdrücklich mit dem Eingabefeld verknüpft werden. Dadurch wird sie im Barrierefreiheitsbaum als „Beschreibung“ dieses Knotens erfasst.

Beschreibungen werden auf Textzeichenfolgen reduziert. Wenn in unserem Passwortbeispiel der Wert des Attributs aria-describedby des Eingabefelds der id eines HTML-Elements <ul> mit einer Liste von Anforderungen entspricht, besteht die Beschreibung aus dem aneinandergereihten Text und den Textäquivalenten aller Listeneinträge.

Sie können die zugängliche Beschreibung jedes Elements auf Ihrer Seite prüfen: Auf der Registerkarte für Barrierefreiheit in den Entwicklerwerkzeugen Ihres Browsers finden Sie die Barrierefreiheitsinformationen zum aktuell ausgewählten Element.