Links ohne Ziel, per JavaScript gesteuert

WCAG 2.1.1, 4.1.2 (A) · EN 301 549 9.2.1.1

Es gibt <a>-Elemente ohne href, die dennoch auf Klicks reagieren.

Warum das zählt

Ein <a> ohne href erhält keinen Tastaturfokus und wird nicht als Link angesagt. Wer mit der Tabulatortaste navigiert, kommt schlicht nicht hin: Für diese Person existiert das Element nicht.

So wird es behoben

Führt es irgendwohin, geben Sie ihm ein echtes href. Löst es eine Aktion auf der Seite aus — ein Menü, einen Dialog —, verwenden Sie ein <button>, das bereits mit der Tastatur bedienbar ist.

<a onclick="menueOeffnen()">Menü</a>

<button type="button" onclick="menueOeffnen()">Menü</button>

Verwandte Themen

• Grafische Schaltfläche ohne Alternativtext
• Eingebetteter Rahmen ohne Titel
• Formularfelder ohne Beschriftung
• Schaltflächen ohne Namen