Das Barrierefreiheitsstärkungsgesetz (BFSG) zielt darauf ab, digitale Dienstleistungen und Auftritte von Unternehmen barrierefrei zu machen. Ziel ist, dass diese für alle Menschen zugänglich, verständlich und nutzbar sind.
Barrierefreie Inhalte bringen drei Vorteile:
- Bessere Auffindbarkeit in Suchmaschinen
- Dienstleistungen und Produkte erreichen mehr Nutzer:innen
- Klarere, intuitivere Bedienung für alle Personen
Barrierefreiheit entsteht bei moinAI an vier Stellen: im Chat-Widget selbst und an drei Stellschrauben im moinAI Hub.
1. Grundausstattung des Chat-Widgets
Das Chat-Widget bringt einen Teil der Barrierefreiheit bereits mit. Dafür ist keine Einstellung im moinAI Hub nötig.
- Farbkontraste: Die Bedienelemente des Chat-Widgets sind kontraststark gestaltet. Die selbst gewählten Farben lassen sich im Widget-Editor auf ausreichenden Kontrast prüfen und anpassen, mehr dazu unter Farbkontrast.
- Screenreader-Ansagen: Zustandsänderungen des Chatfensters werden verständlich angesagt, zum Beispiel beim Ein- und Ausklappen.
- Erkennbare Absender: Screenreader geben an, von wem eine Nachricht stammt. Eigene Eingaben werden mit „Du“ angekündigt, Nachrichten von Mitarbeiter:innen mit deren Namen. So bleibt im Livechat nachvollziehbar, wer gerade schreibt.
2. Alt-Text
Alt-Text ist die Kurzform von Alternativtext. Alt-Texte beschreiben Nicht-Text-Inhalte wie Bilder oder Buttons. Sichtbar sind sie dort nicht. Screenreader können Alt-Texte vorlesen. So können auch Menschen mit Sehbeeinträchtigung alle Inhalte erfassen.
Die Einstellung der Alt-Texte erfolgt im Themen-Editor. Die Auswahl des entsprechenden Grafik-Elements erfolgt über das Plus-Symbol.
Anschließend kann Bild, Video oder Slides ausgewählt werden.
Um den Alt-Text zu erstellen, muss im nächsten Schritt der entsprechende Einstellungsbereich geöffnet werden. Für Slides genügt ein Klick auf das 3-Punkte-Menü > Bearbeiten. Danach öffnet sich die Eingabemaske für den Alt-Text. Ein Klick auf Speichern sichert die Anpassungen.
Für Videos und Bilder genügt ein Klick auf Datei hochladen. Danach öffnet sich die Eingabemaske für den Alt-Text. Auch hier sichert ein Klick auf Speichern den Alt-Text.
Abbildung: Alt-Text im Dialog Media Bearbeiten
3. Farbkontrast
Der Farbkontrast beschreibt, wie stark sich Schrift und Hintergrund voneinander abheben. Je größer der Farbkontrast ist, desto besser können die einzelnen Inhalte erfasst werden.
-
Über den Menüpunkt Widget & Teaser > Widget Darstellung öffnet sich der Widget-Editor.
-
Im Abschnitt Elemente anpassen lässt sich der Farbkontrast einsehen und barrierefrei nach WCAG 2.1 anpassen. Abhängig von der gewählten Einstellung erscheint der Hinweis zum Farbkontrast. Ein Klick darauf führt zu weiterführenden Informationen darüber, was der Farbkontrast aussagt.
Abbildung: Farb-Kontrast-Anzeige im Widget-Editor
4. Einfache Sprache
Einfache Sprache ist eine vereinfachte Form der Alltagssprache: kurze Sätze, bekannte Wörter, möglichst wenige Fachbegriffe und Abkürzungen. Sie unterscheidet sich von Leichter Sprache, die festen Regeln folgt und sich vor allem an Menschen mit Lernschwierigkeiten richtet.
Redaktionelle Inhalte lassen sich manuell in Einfacher Sprache verfassen und einbinden. Für generierte Antworten der KI-Agenten können Inhalte in Einfacher Sprache über Instruktionen oder die Kommunikationsregeln eingestellt werden.
KI-Agenten
Sollen nur bestimmte KI-Agenten ihre Antworten in Einfacher Sprache ausgeben, lässt sich diese Anweisung in den Instruktionen des jeweiligen KI-Agenten hinterlegen.
Im Menüpunkt Knowledge Base wird der KI-Agent ausgewählt, in der Abbildung der Standard KI-Agent. Anschließend führt der Weg über RAG > Instruktionen > Erstellen. Sind bereits Instruktionen hinterlegt, heißt der Button Bearbeiten statt Erstellen.
Es öffnet sich der Dialog Anweisungen. Dort wird die Anweisung hinterlegt, zum Beispiel „Bitte formuliere deine Antworten ausschließlich in Einfacher Sprache.” Ein Klick auf Speichern sichert die Instruktion.
KI-Chatbot
Instruktionen gelten für einzelne KI-Agenten. Um für den gesamten KI-Chatbot generierte Antworten in Einfacher Sprache auszugeben, führt der Weg über Bot Einstellungen > KI-Agenten Einstellungen.
Im Abschnitt Kommunikationsregeln schaltet der Regler Regeln aktiviert die Funktion ein. Danach wird die neue Regel in das freie Feld eingetragen oder aus den Vorschlägen übernommen. Ein Klick auf das Plus-Symbol oder die Eingabetaste fügt die Regel hinzu.
Die Regel erscheint danach in der Liste der Regeln, wo sie mit dem Mülleimer-Symbol gelöscht werden kann. Ein Klick auf Speichern übernimmt alle Regeln für den KI-Chatbot.
Abbildung: Kommunikationsregeln in den KI-Agenten Einstellungen
Mehr Informationen hierzu sind im Artikel zu KI-Agenten Einstellungen.