Anklickbares Element, per Tastatur nicht erreichbar

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

Es gibt ein <{tag}> mit einem Klick-Handler, aber ohne Rolle und ohne Platz in der Tabulatorreihenfolge.

Warum das zählt

Eine Maus kann alles anklicken, eine Tastatur nicht. Ein <div> mit onclick ist unsichtbar für jeden, der mit Tab, mit einer Tastensteuerung oder per Sprache navigiert. Und wenn dieses div „In den Warenkorb“ ist, ist der Shop unbenutzbar.

Das ist der Fehler, der am häufigsten einen kompletten Bestellvorgang blockiert.

So wird es behoben

Verwenden Sie <button>. Es regelt Fokus, Auslösen mit Enter und Leertaste und die Ansage der Rolle auf einmal, ganz ohne zusätzliches JavaScript.

<div onclick="inDenWarenkorb()">In den Warenkorb</div>

<button type="button" onclick="inDenWarenkorb()">In den Warenkorb</button>

Verwandte Themen

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