Skip to main content
Der Barrierefreiheits-Check steht derzeit nur Beta-Nutzern zur Verfügung.
Besucher, die auf Screenreader oder Tastaturnavigation angewiesen sind, können in einem Widget auf echte Barrieren stoßen: ein Element ohne zugänglichen Namen, Text, der die Kontrastanforderungen nicht erfüllt, oder ein Bedienelement ohne sichtbare Umrandung. Der Barrierefreiheits-Check des Widget Studio scannt Ihr Widget auf solche Probleme und bewertet sie anhand des Standards WCAG 2.1 AA, sodass Sie die Möglichkeit haben, sie zu beheben, bevor das Widget live geht. Führen Sie die Prüfung jederzeit während der Erstellung des Widgets aus.

Die Barrierefreiheit Ihres Widgets prüfen

Um die Barrierefreiheit Ihres Widgets zu prüfen, klicken Sie auf das Barrierefreiheits-Symbol in der Kopfzeile des Widget Studio. Kameleoon erkennt und listet die in Ihrem Widget gefundenen Barrierefreiheitsprobleme auf. Das Barrierefreiheits-Panel im Widget Studio mit den in einem Widget erkannten Barrierefreiheitsproblemen

Barrierefreiheitsprobleme beheben

Sie können die erkannten Probleme auf zwei Arten beheben:
  • Fix all with AI: Kameleoon behebt automatisch alle aufgeführten Probleme.
  • Edit elements manually: Wählen Sie ein betroffenes Element in der Liste aus und bearbeiten Sie es selbst.

ARIA-Labels hinzufügen

Damit Screenreader den Zweck jedes Elements erkennen können, verwenden Sie die Eigenschaft ARIA label in der Bearbeitungsseitenleiste. Geben Sie eine kurze Beschreibung dessen ein, was das Element tut, zum Beispiel „Pop-in schließen” für eine Schaltfläche zum Schließen.

Barrierefreiheit vor der Aktivierung prüfen

Wenn Sie Ihr Widget aktivieren, erinnert Sie ein Pop-up daran, dessen Barrierefreiheit zu prüfen. Führen Sie den Barrierefreiheits-Check aus, bevor Sie Ihr Widget aktivieren, um zu bestätigen, dass es dem Standard WCAG 2.1 AA entspricht.