Positive tabindex-Werte stören die Fokus-Reihenfolge

SchwerwiegendWCAG-Kriterium 2.4.3BFSG-relevant

Was ist das 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.

Warum ist das relevant?

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.

So behebst du es

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.

Shopware gezielt prüfen →

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.

WooCommerce gezielt prüfen →

Shopify

Im Code-Editor Theme-weit nach tabindex= suchen (Liquid-Sections und JS-Assets) und positive Werte entfernen; Abschnitte stattdessen im Markup umsortieren.

Shopify gezielt prüfen →