Was ist "Fokusindikator"?

Ein Fokusindikator ist ein visuelles Signal in einer Benutzeroberfläche, das anzeigt, welches Element (z. B. ein Link, Button, Formularfeld) aktuell aktiv oder ausgewählt ist, wenn ein Benutzer die Tastaturnavigation oder andere Eingabemethoden (z. B. Screenreader) verwendet. Er hilft Nutzern, den aktuellen Standort des Fokus zu erkennen, während sie durch eine Webseite oder Anwendung navigieren.

Merkmale eines Fokusindikators:

• Visuelle Darstellung: Häufig ein Rahmen, eine Umrandung, eine Farbänderung oder ein anderes Hervorhebungselement (z. B. ein blauer oder schwarzer Rahmen um ein Formularfeld).
• Beispiele:
  • Ein gepunkteter oder durchgezogener Rahmen um einen Button, wenn er mit der Tab-Taste ausgewählt wird.
  • Eine farbliche Hervorhebung eines Links beim Durchlaufen mit der Tastatur.
• Barrierefreiheit: Ein klarer Fokusindikator ist entscheidend für Barrierefreiheit, da er Nutzern mit eingeschränkter Sicht oder motorischen Fähigkeiten hilft, die Navigation zu verfolgen. Die Web Content Accessibility Guidelines (WCAG) fordern, dass Fokusindikatoren gut sichtbar sind (z. B. ausreichender Kontrast).

Beispiel im Alltag:

Wenn du auf einer Webseite die Tab-Taste drückst, bewegt sich der Fokus von einem interaktiven Element (z. B. einem Link) zum nächsten. Ein Fokusindikator, wie ein Rahmen um den Link, zeigt dir, welches Element gerade aktiv ist.

Ohne einen klaren Fokusindikator wäre es schwierig, insbesondere für Tastaturnutzer oder Screenreader-Benutzer, zu wissen, welches Element sie gerade bedienen.