2.5.3 Etikett im Namen (A)

Wenn eine Schaltfläche, ein Link oder ein anderes Oberflächenelement Text enthält, der auf dem Bildschirm sichtbar ist, muss der "Name" dieses Elements mindestens den gleichen Text enthalten wie der angezeigte Text.

Unter "Name" - Name oder barrierefreier Name - versteht man den Text, der von der zugrunde liegenden Hilfesoftware zur Identifizierung eines Assets verwendet wird. Sie ist oft identisch mit dem, was auf dem Bildschirm angezeigt wird, aber nicht immer.

Der Name kann beispielsweise aus dem alt-Attribut eines Bildes oder aus einem aria-label-Attribut abgeleitet werden. Sie sollten diesen Namen nicht mit dem Attribut name verwechseln, das HTML anbietet (dies wird nur für interne Zwecke verwendet).

Dies ist der Text, den ein Screenreader liest und der von einem Spracherkennungsprogramm zur Erkennung der Spracheingabe verwendet wird.

Dieser Artikel erklärt das Konzept des Accessible Name (Englisch).

Beispiel: Wenn eine Schaltfläche die visuelle Beschriftung Broschüre bestellen hat, der zugrundeliegende Name aber Broschüre anfordern ist, dann versteht ein Spracherkennungsprogramm den Benutzer nicht, wenn er Klick auf Broschüre bestellen sagt:

<a href=”bestellen.html”>
<img alt=”Broschüre anfordern” src=”Ordner-Taste.png”>
<!-- Die Ordner-Taste.png trägt die visuelle Beschriftung 'Ordner bestellen' -->
</a>