Skip to content
Zurück zur Startseite

Erklärung zur Barrierefreiheit

LearnSlice ist bemüht, seine Webanwendung im Einklang mit dem Barrierefreiheitsstärkungsgesetz (BFSG) und den Web Content Accessibility Guidelines (WCAG) 2.1 Stufe AA barrierefrei zugänglich zu machen.

Geltungsbereich

Diese Erklärung gilt für die unter app.learnslice.com erreichbare Webanwendung LearnSlice für kleine und mittlere Unternehmen.

Stand der Vereinbarkeit

Diese Webanwendung ist aufgrund der nachstehend aufgeführten Unvereinbarkeiten teilweise mit den Anforderungen der WCAG 2.1 AA vereinbar.

Umgesetzte Maßnahmen

  • Semantische HTML-Struktur: Jede Seitenroute verwendet ein <main>-Landmark und stellt eine eindeutige Überschrift erster Ordnung (<h1>) bereit.
  • Sprunglink: Am Seitenanfang steht ein „Skip to content"-Link zur Verfügung, der bei Tastaturfokus sichtbar wird und den Fokus direkt auf den Hauptinhalt-Landmark setzt.
  • Fokus-Indikatoren: Interaktive Elemente der Standard-UI-Komponentenbibliothek (Schaltflächen, Eingabefelder, Auswahlfelder, Tabs, Sidebar-Einträge) zeigen bei Tastaturnavigation sichtbare Fokusringe.
  • Icon-Schaltflächen: Schaltflächen ohne sichtbaren Text tragen eine zugängliche Bezeichnung — entweder per aria-label oder per visuell verstecktem Text.
  • Screenreader-Ankündigungen im Chat: Neue Antworten des KI-Assistenten werden über einen dediziertenaria-live-Bereich angekündigt, sobald die Antwort vollständig ist.
  • Formularbeschriftungen: Eingabefelder in Anmelde-, Registrierungs-, Onboarding-, Einladungs- und Einstellungsformularen sind programmatisch mit einer sichtbaren Beschriftung verbunden (<label htmlFor> über die gemeinsame FieldLabel-Komponente).
  • Eingabezweck: Eingabefelder in Anmelde-, Registrierungs-, Onboarding- und Einladungsformularen sind mit passenden autocomplete-Werten (z. B. email, current-password, new-password, name, organization, one-time-code) ausgezeichnet, damit Passwortmanager und assistive Technologien den Feldzweck erkennen können (WCAG 1.3.5).
  • Formularfehler: Fehler beim Absenden der Anmelde-, Registrierungs- und Onboarding-Formulare werden überrole="alert" sowie aria-invalidund aria-describedby an assistive Technologien übermittelt.
  • Kontrast gedämpfter Texte: Die Schriftfarbe für untergeordnete Texte (text-muted-foreground) erreicht auf den Standard-Hintergrundfarben im hellen und dunklen Modus mindestens 4,5:1 Kontrast zum Hintergrund (WCAG 1.4.3).
  • Sprachauszeichnung: Das lang-Attribut im HTML-Dokument sowie die Seitentitel für server-gerenderte Routen passen sich der gewählten Anzeigesprache (Deutsch oder Englisch) an.
  • Reduzierte Bewegung: Konfetti-Animationen bei Lernfortschritten respektieren die Systemeinstellungprefers-reduced-motion.
  • Fokusverwaltung in Overlays: Dialoge, Menüs und Popups halten den Tastaturfokus innerhalb des geöffneten Elements und geben ihn beim Schließen an das auslösende Element zurück.

Nicht barrierefreie Inhalte

  • Die Kriterien 1.4.4 (Text vergrößern), 1.4.10 (Reflow), 1.4.11 (Kontrast von Nicht-Text-Inhalten) sowie 3.2.3 und 3.2.4 (Konsistenz der Navigation und Identifikation) wurden bisher nicht systematisch geprüft. Ein vollständiges externes Audit ist noch nicht erfolgt.

Erstellung dieser Erklärung

Diese Erklärung wurde am 2026-04-21 auf Basis einer internen Selbstbewertung durch eine Code-Durchsicht erstellt. Eine systematische Prüfung mit assistiven Technologien oder automatisierten Werkzeugen sowie ein externes Audit stehen aus.

Feedback und Kontakt

Sind Ihnen Mängel beim barrierefreien Zugang aufgefallen? Bitte melden Sie diese an info@learnslice.com.

Durchsetzungsverfahren

Sollten Sie mit unserer Rückmeldung nicht einverstanden sein, können Sie sich an die für uns zuständige Marktüberwachungsbehörde wenden:

Bezirksregierung Arnsberg, Dezernat 24 — Marktüberwachung
Seibertzstraße 1
59821 Arnsberg
https://www.bra.nrw.de