Zum Hauptinhalt springen
Konform
KritischBarrierefreiheitgilt je Seite

Schaltflächen oder Links ohne erkennbaren Namen

Findet <button>- und <a>-Elemente, die keinen Text, kein aria-label und kein beschriftetes Symbol enthalten – typischerweise Icon-Buttons.

Warum das zählt

Ein Screenreader kündigt ein solches Element nur als „Schaltfläche“ an. Nutzer erfahren nicht, was passiert, wenn sie es aktivieren. Auch Sprachsteuerung funktioniert nicht, weil kein Name zum Ansprechen existiert (WCAG 4.1.2, 2.4.4).

So behebst du es

Gib Icon-Buttons ein aria-label. Bei Inline-SVG hilft zusätzlich ein <title>-Element und aria-hidden="true" am dekorativen Symbol.

Problematisch

<button><svg>…</svg></button>

So ist es richtig

<button aria-label="Menü öffnen"><svg aria-hidden="true">…</svg></button>

Einordnung des Schweregrads

Macht die Nutzung für betroffene Personen unmöglich oder verletzt eine ausdrückliche gesetzliche Pflicht. Verstöße dieser Kategorie fließen entsprechend stark in die Gesamtbewertung ein.

Diese Seite beschreibt eine technisch messbare Prüfung und ist keine Rechtsberatung. Für eine verbindliche Bewertung deiner Situation wende dich an eine Rechtsanwältin oder einen Rechtsanwalt.