Zum Inhalt springen
44 Barrierefreiheit Dokumentation

3.2.4 - Konsistente Identifikation

AA 2.0 Umsetzung

Ziel

Wiederkehrende Funktionen und Komponenten sind konsistent beschriftet, um eine vorhersehbare und benutzerfreundliche Bedienung sicherzustellen.

Beschreibung

  • Komponenten, die innerhalb einer Gruppe von Webseiten dieselbe Funktion erfüllen, müssen konsistent beschriftet oder identifiziert werden.
  • Dazu gehören Beschriftungen, Namen und Textalternativen für Symbole oder interaktive Elemente.
  • Inkonsistenzen können zu Verwirrung führen, insbesondere für Menschen mit kognitiven Einschränkungen oder Nutzer von assistiven Technologien.
  • Ausnahmen bestehen, wenn eine unterschiedliche Bezeichnung notwendig ist, um die jeweilige Funktion genauer zu beschreiben.

Anforderungen

  • Einheitliche Beschriftung von Steuerelementen wie Buttons, Links und Navigationselementen auf allen Seiten der Website.
  • Konsistente Textalternativen für Symbole, die die gleiche Funktionalität erfüllen.
  • Sicherstellen, dass barrierefreie Namen (z. B. ARIA-Attribute wie aria-label) ebenfalls konsistent verwendet werden.
  • Vermeidung von mehrfacher Nutzung gleicher Begriffe für unterschiedliche Funktionen (Homonyme vermeiden).

Code-Beispiele

Konsistente Beschriftung von Buttons:
<!-- Auf Seite 1 -->
<button type="submit" aria-label="Senden">Absenden</button>


<!-- Auf Seite 2 -->
<button type="submit" aria-label="Senden">Absenden</button>
Konsistente Textalternativen für Symbole:
<!-- Symbol für den Download eines Dokuments -->
<a href="file.pdf" aria-label="Download Bericht als PDF">
  <img src="download-icon.png" alt="Download Bericht">
</a>


<!-- Symbol für den Download eines anderen Dokuments -->
<a href="manual.pdf" aria-label="Download Handbuch als PDF">
  <img src="download-icon.png" alt="Download Handbuch">
</a>