Barrierefreiheit: Über Fokusindikatoren (visuelle Indikatoren)
2 min
Je nachdem, welchen Website-Baukasten du verwendest, siehst du möglicherweise eine Einstellung, die als Fokusindikatoren (Studio Editor) oder Visuelle Indikatoren (Wix Editor) bezeichnet wird. Dies sind blaue Rahmen, die um interaktiven Elementen wie Buttons und Links erscheinen, wenn Besucher die Tastatur für die Navigation auf der Website verwenden.
Woher erhält Wix Informationen?
- Wir geben Empfehlungen gemäß der Web Content Accessibility Guidelines (WCAG), das vom W3C-Gremium entwickelt wurde.
- Dieser Artikel basiert auf dem Fokus sichtbar ( Kriterium 2.4.7).
Warum Fokusindikatoren wichtig sind
Einige Besucher navigieren auf Websites, indem sie die Tab-Taste auf ihrer Tastatur verwenden. Visuelle und Fokusindikatoren zeigen die aktuelle Position der Tab-Taste an, damit diese Besucher genau wissen, wo sie sich auf der Seite befinden.
Wenn Indikatoren nicht aktiviert sind, können diese Website-Besucher möglicherweise nicht auf der Seite oder im Website-Inhalt navigieren. Deshalb sind sie ein wichtiger Bestandteil der Barrierefreiheit der Website.
Fokusindikatoren auf deiner Website von Wix
Visuelle und Fokusindikatoren sind automatisch auf allen Websites aktiviert, die du mit Wix erstellst.
Der Indikator ist so gestaltet, dass er zu den Farbkombinationen der meisten Websites passt. Auf Buttons mit einer weißen Füllung auf einem blauen Hintergrund ist er jedoch weniger sichtbar. Wir empfehlen daher, die Farbe der Elemente auf deiner Website zu überprüfen, um sicherzustellen, dass alle Besucher sie sehen können.
Wie kann ich den Fokusindikator auf meiner Website testen?
Um zu überprüfen, wie der Fokusanzeige aussieht, öffne deine Live-Website oder Website-Vorschau und navigiere mit der Tab-Taste deiner Tastatur auf der Seite. Wenn der Fokusindikator nicht in der Vorschau oder Live-Version deiner Website angezeigt wird, kannst du die Einstellungen im Wizard für Barrierefreiheit ändern.
Fokus-Indikatoren aktivieren
Wenn du den Wix Editor verwendest, musst du die Fokusindikatoren möglicherweise im Wizard für Barrierefreiheit aktivieren.
Verwendest du den Studio Editor?
Fokusindikatoren sind auf Studio-Editor-Websites immer aktiviert, sodass du diese Einstellung nicht überprüfen musst.
Um visuelle Indikatoren zu aktivieren:
- Öffne deinen Editor.
- Klicke oben auf Einstellungen und wähle Wizard für Barrierefreiheit.
- Klicke oben im Panel des Wizard für Barrierefreiheit auf das Symbol für Weitere Aktionen .
- Wähle Erweiterte Einstellungen.
- Wähle Visuelle Indikatoren.
- Aktiviere den Schalter Tastaturbenutzer können durch die Website navigieren..
.
Nächster Schritt:
Gehe zurück zur Checkliste für Barrierefreiheit, um die Barrierefreiheit der Website weiter zu verbessern.