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 werden. Dies sind blaue Rahmen, die um interaktiven Elementen wie Buttons und Links angezeigt werden, wenn Besucher die Tastatur für die Navigation auf der Website verwenden.
In diesem Artikel erfährst du mehr über folgende Themen:
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.
Indikatoren und Websites 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 meisten Farbkombinationen der Website passt. Auf Buttons mit einer weißen Füllung auf einem blauen Hintergrund ist er jedoch weniger sichtbar. Du solltest daher die Farbe der Website-Elemente überprüfen, um sicherzustellen, dass alle Besucher sie sehen können.
Fokusindikatoren testen
Du kannst jederzeit überprüfen, wie der Fokusindikator aussieht. Öffne einfach die Live-Website (oder Website-Vorschau) und navigiere auf der Seite mit der Tab-Taste deiner Tastatur.
Wenn du feststellst, dass der visuelle Indikator nicht in der Vorschau- oder Live-Version deiner mit dem Wix Editor erstellten Website angezeigt wird, kannst du die Einstellungen im Wizard für Barrierefreiheit überprüfen und ändern.
Du erstellst eine Website mit dem Studio Editor?
Es ist nicht möglich, Fokusindikatoren auf Studio-Editor-Websites zu deaktivieren, daher musst du diese Einstellung nicht überprüfen.
Um visuelle Indikatoren zu überprüfen:
- Öffne deine Website im Editor von Wix.
- Wähle Einstellungen in der oberen Symbolleiste.
- Wähle Barrierefreiheit.
- Wähle im oberen Abschnitt des Wizards das Symbol für Weitere Aktionen
. - Wähle Erweiterte Einstellungen für Barrierefreiheit.
- Wähle Visuelle Indikatoren.
Klicke auf den Schalter neben Tastaturbenutzer können durch die Website navigieren:- Aktiviert: Besucher, die eine Tastatur zum Navigieren auf deiner Website verwenden, sehen ein blaues Rechteck, um ihre Position auf der Seite anzuzeigen.
- Deaktiviert: Besucher sehen keinen Hinweis, wo wie sich auf der Seite befinden.
Nächster Schritt:
Gehe zurück zur Checkliste für Barrierefreiheit, um die Barrierefreiheit der Website weiter zu verbessern.