Keyboard navigation accessibility

Keyboard navigation accessibility: den Fokuspfad sichtbar machen.

Ordnen Sie die Oberfläche visuell um und laufen Sie den echten DOM-Pfad ab. So werden Reihenfolge, Fokusanzeige, Bedienbarkeit und verdeckte Ziele getrennt prüfbar.

Fokuspfad-Labor

Bildschirmordnung gegen DOM-Pfad.

3/41 Prüfstellen offen

Visuelle Reihenfolge

  1. Startseite
  2. Produkte
  3. Produktsuche
  4. Konto
  5. Zur Kasse
Manuelle Abnahme

Live-Vorschau

Tab folgt dem Quellcode.

Bild 1 · Tab 1 Startseite
Bild 3 · Tab 2
Bild 2 · Tab 3 Produkte
Bild 4 · Tab 4
Bild 5 · Tab 5

2 abweichende Positionen

Vorschau bereit. Zwei visuelle Positionen weichen vom Tastaturpfad ab.