focus order html

focus order html: Welchen Weg nimmt die Tab-Taste?

Verändern Sie Bildposition und tabindex. Der Fahrplan berechnet getrennt, was im HTML steht, was Menschen sehen und wohin der Tastaturfokus springt.

Fokus-Fahrplan

DOM, Bild und Tabfolge abgleichen

11 Befund
HTML
  1. 1Menü
  2. 2Suche
  3. 3Kaufen
  4. 4Hilfe
Bild
  1. 1Menü
  2. 2Kaufen
  3. 3Suche
  4. 4Hilfe
Tab
  1. 1Menü
  2. 2Suche
  3. 3Kaufen
  4. 4Hilfe
<a> MenüTab 1
<input> SucheTab 2
<button> KaufenTab 3
<a> HilfeTab 4