Das Kriterium dahinter
2.1.1 Tastatur
Alles, was mit der Maus geht, muss auch mit der Tastatur gehen.
Stufe A · EN 301 549 § 9.2.1.1
Warum es diese Prüfung gibt
Tastaturbedienung ist die Grundlage, auf der Screenreader, Spezialtasten und Sprachsteuerung aufsetzen. Ein nur mit der Maus bedienbares Element ist für alle drei unerreichbar.
Was sie üblicherweise auslöst
- fällt durchEin `<div onclick>` ohne `tabindex` und ohne Tastatur-Handler.
- fällt durchEin eigenes Dropdown, das nur beim Überfahren öffnet.
- fällt durchEine Drag-and-drop-Sortierung ohne Tastaturalternative.
So beheben Sie es
- tunNehmen Sie `<button>` und `<a href>`. Die sind fokussierbar und per Taste auslösbar, ohne Zutun.
- tunMuss es ein eigenes Element sein: `tabindex="0"`, eine Rolle und Handler für Enter und Leertaste.
- tunGeben Sie jeder Drag-Interaktion einen Tastaturweg — Schaltflächen „nach oben“ und „nach unten“ reichen.
Wie es gemeldet wird
A11ySignal meldet das mit der Schwere schwerwiegend. Jedes fehlerhafte Element kommt mit seinem CSS-Selektor und dem Markup, das durchgefallen ist — Sie kommen also direkt zur Zeile, statt sie zu suchen. Deque veröffentlicht die Details auf Engine-Ebene:
https://dequeuniversity.com/rules/axe/4.13/scrollable-region-focusable ↗
Prüfung umgesetzt in axe-core 4.13.0, © Deque Systems, MPL-2.0.
Weitere Prüfungen für 2.1.1
schwerwiegendframe-focusable-contentFrames mit fokussierbarem Inhalt dürfen keinen tabindex=-1 haben.
geringserver-side-image-mapServerseitige Imagemaps dürfen nicht verwendet werden.