Tabindex
Das tabindex-Attribut steuert, in welcher Reihenfolge Elemente per Tabulatortaste fokussiert werden, und ist essenziell für barrierefreie Interfaces, da viele Nutzer:innen ausschließlich per Tastatur navigieren – relevant für WCAG-Kriterium 2.4.3 (Fokus-Reihenfolge).
In der Praxis
tabindex="0" macht ein von Haus aus nicht fokussierbares Element (etwa ein per JavaScript interaktiv gemachtes span) über die natürliche Dokumentreihenfolge fokussierbar. tabindex="-1" nimmt ein Element aus der Tab-Reihenfolge, erlaubt aber weiterhin programmatischen Fokus, etwa beim Öffnen eines Modals oder als Sprungziel eines Skip Links. Werte größer als 0 sollten unbedingt vermieden werden, da sie die natürliche, logische Reihenfolge zerstören. Ob alles wie gedacht funktioniert, zeigt am Ende nur ein echter Tastaturtest.