Stufe A · WCAG 2.0
2.4.3 Fokus-Reihenfolge
Der Fokus bewegt sich in einer Reihenfolge, die Sinn und Bedienbarkeit erhält.
Teilweise automatisch Manche Verstöße sind erkennbar, der Rest braucht Bewertung.
Woran es in der Praxis scheitert
Ein Dialog geht auf und der Fokus bleibt auf der Seite dahinter — das nächste Tab landet im Unsichtbaren. Ein Formular, dessen Felder per CSS, aber nicht im DOM umsortiert sind.
Wie man es repariert
Setzen Sie den Fokus beim Öffnen in den Dialog und beim Schließen zurück auf den Auslöser. Positive tabindex-Werte gar nicht erst verwenden.
Auf einen Blick
- Stufe
- Stufe A — das Minimum. Ein Verstoß hier macht etwas meist unmöglich, nicht bloß mühsam.
- Prinzip
- Bedienbar
- Richtlinie
- 2.4 Navigierbar
- Neu in
- WCAG 2.0
- EN 301 549
- 9.2.4.3
- Englische Bezeichnung
- Focus Order
- Automatische Prüfung
- Teilweise automatisch
Teilweise automatisch
Wie weit eine automatische Prüfung kommt
Ein Werkzeug findet hier einen Teil der Verstöße und sieht den Rest nicht. Ein sauberes automatisches Ergebnis heißt: die vorhandenen Prüfungen haben nichts gefunden — nicht, dass das Kriterium erfüllt ist. Genau diese Lücke lässt einen grünen Scan wie eine barrierefreie Website aussehen, und genau dort arbeiten der Tastatur-Agent, die Agenten in Entwicklung und ein Mensch weiter.
Unser Tastatur-Agent hält fest, wo der Fokus bei jedem Schritt landet. Bei einem Crawl aus einem Konto öffnet eine eigene Prüfung außerdem auf einer Seite je Template Dialoge und Menüs und meldet Fokus, der nicht hineinwandert oder beim Schließen verloren geht — „Fokus nach dem Öffnen des Zahlungsdialogs verloren“ kommt so mit Nachweis. Ob die Reihenfolge Sinn ergibt, bleibt eine Bewertung.
Regeln, die dieses Kriterium prüfen
tabindexElemente sollten keinen tabindex besitzen, der größer als null ist.
Die Regel-IDs stammen aus axe-core (Version 4.14.0), der Open-Source-Engine, auf der unser Scan läuft, und von unserem Tastatur-Agenten – so heißen sie auch in einem Bericht oder im CI-Log. Eine unterstrichene ID hat hier eine eigene Seite.
Wo es besonders zählt
Leitfäden, in denen dieses Kriterium zu den ersten Prüfpunkten gehört.
- BFSG für Onlineshops
- BFSG für Banken und Finanzdienstleistungen
- BFSG für Ticketing und Personenbeförderung
- Shopware Barrierefreiheit und das BFSG
Verwandte Kriterien
Weitere Kriterien unter derselben Richtlinie.
Weiterlesen
-
Fokusreihenfolge
Die Reihenfolge, in der Elemente per Tab-Taste den Fokus erhalten; sie muss Bedeutung und Bedienbarkeit erhalten (WCAG 2.4.3).
Finden Sie heraus, welche Kriterien Ihre Website verfehlt
Wir prüfen bis zu 100 Seiten gegen WCAG 2.2 AA, schicken den Tastatur-Agenten durch die Seite, die Sie benennen, und senden Ihnen den Bericht per E-Mail — einmal, kostenlos, ohne Bedingungen.