Positive tabindex-Werte stören die Fokus-Reihenfolge
SeriousWCAG criterion 2.4.3BFSG-relevant
What is the problem?
Ein Element erzwingt mit tabindex="1" (oder höher) eine eigene Position in der Tab-Reihenfolge. Dadurch springt der Tastatur-Fokus nicht mehr in der sichtbaren Lesereihenfolge durch die Seite, sondern erst zu den erzwungenen Elementen und dann wieder zurück — für Tastatur-Nutzer wirkt die Seite unvorhersehbar.
Why does it matter?
WCAG 2.1 Erfolgskriterium 2.4.3 (Fokus-Reihenfolge, Stufe A) verlangt eine bedienbare, nachvollziehbare Fokus-Reihenfolge. Positive tabindex-Werte sind die häufigste maschinell erkennbare Ursache für eine kaputte Reihenfolge; ob die Reihenfolge insgesamt inhaltlich sinnvoll ist, prüfst du zusätzlich in der manuellen Checkliste.
How to fix it
Entferne positive tabindex-Werte und lass die Tab-Reihenfolge der DOM-Reihenfolge folgen. Erlaubt sind nur tabindex="0" (Element in die natürliche Reihenfolge aufnehmen) und tabindex="-1" (nur per Skript fokussierbar). Wenn die natürliche Reihenfolge falsch wirkt, ist die Lösung, die Elemente im Markup umzusortieren — nicht, sie mit tabindex zu übersteuern.
Shopware
Im Theme-Child bzw. in eigenen Plugins nach tabindex= suchen (Twig-Templates und JS) und positive Werte entfernen; die Reihenfolge über die Template-Struktur steuern.
WooCommerce
Oft setzen Page-Builder oder Slider-Plugins positive tabindex-Werte. Im Theme und in den Plugin-Einstellungen nach tabindex suchen; wenn ein Plugin die Werte hart setzt, beim Anbieter melden oder per Template-Override entfernen.
Shopify
Im Code-Editor Theme-weit nach tabindex= suchen (Liquid-Sections und JS-Assets) und positive Werte entfernen; Abschnitte stattdessen im Markup umsortieren.
WordPress
Im Child-Theme und in Plugin-Ausgaben nach tabindex= suchen; positive Werte entfernen und die Reihenfolge über die Block-/Template-Struktur regeln.
TYPO3
In Fluid-Templates und eigenen Extensions nach tabindex= suchen und positive Werte entfernen; die Reihenfolge gehört ins Markup, nicht ins Attribut.
Is your website affected?
The free quick check tests up to 5 pages within minutes — no registration.
Start a free quick check