> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Ein barrierefreies Widget erstellen

> Verwenden Sie den Barrierefreiheits-Check im Widget Studio, um Barrierefreiheitsprobleme zu erkennen und zu beheben und Widgets zu erstellen, die WCAG 2.1 AA entsprechen.

<Note>
  Der Barrierefreiheits-Check steht derzeit nur Beta-Nutzern zur Verfügung.
</Note>

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](https://www.w3.org/TR/WCAG21/), 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](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-an-accessible-widget/accessibility-checker.png)

## 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.