Verpflichtung

Erklärung zur Barrierefreiheit

learntosail setzt sich dafür ein, digitale Barrierefreiheit für Menschen mit Behinderungen sicherzustellen. Wir verbessern das Nutzungserlebnis für alle fortlaufend und wenden die relevanten Barrierefreiheitsstandards an.

Konformitätsstatus

Diese Plattform strebt die Konformität mit den Web Content Accessibility Guidelines (WCAG) 2.1 at Stufe AA. WCAG 2.1 defines requirements for designers and developers to improve accessibility for people with disabilities across four principles: perceivable, operable, understandable, and robust.

Tastaturnavigation

Alle interaktiven Elemente – darunter Links, Schaltflächen, Formularsteuerelemente, Quiz-Antworten, Drag-and-Drop-Übungen und Navigationsmenüs – sind vollständig per Tastatur bedienbar. Wir verwenden semantische HTML-Elemente und halten auf jeder Seite eine logische Tab-Reihenfolge ein. Fokusindikatoren sind mit kontrastreichen Umrandungen gut sichtbar. Interaktive Ziele erfüllen die empfohlene Mindestgröße von 48×48 Pixeln für Touch-Ziele.

  • Tab und Shift+Tab wechseln zwischen interaktiven Elementen.
  • Enter und Space aktivieren Schaltflächen und Links.
  • Escape schließt Dialoge, Seitenleisten und Dropdown-Menüs.
  • Pfeiltasten navigieren innerhalb zusammengesetzter Widgets wie Quiz-Antwortgruppen.

Screenreader-Unterstützung

Seiten sind mit sauberen Überschriftenhierarchien, Landmark-Bereichen (Navigation, Hauptinhalt, Ergänzungen) und ARIA-Attributen aufgebaut, wo native Semantik nicht ausreicht. Formulareingaben haben zugehörige Beschriftungen. Dynamische Änderungen – etwa Hinweismeldungen, Quiz-Feedback und Fortschrittsanzeigen – werden über ARIA-Live-Regionen angekündigt. Bilder tragen aussagekräftige Alternativtexte, und dekorative Elemente werden mit aria-hidden="true".

Farbkontrast

Text und interaktive Elemente haben vor ihrem Hintergrund ein Mindestkontrastverhältnis von 4.5:1 und erfüllen damit die Anforderungen der WCAG 2.1 AA. Großer Text (18 pt oder 14 pt fett) hat mindestens 3:1. Wir vermitteln Informationen nie allein über Farbe; Symbole, Muster und Textbeschriftungen ergänzen farbcodierte Zustände wie richtige Quiz-Antworten oder den Abschlussstatus.

Bewegung und Animation

Animationen berücksichtigen die Einstellung des Betriebssystems für reduzierte Bewegung über die prefers-reduced-motion Media-Abfrage. Wird reduzierte Bewegung angefordert, werden Übergänge auf reine Transparenzänderungen ohne Bewegung reduziert.

Barrierefreiheitsprobleme melden

Wir freuen uns über Rückmeldungen zur Barrierefreiheit. Wenn du auf dieser Plattform auf Barrieren stößt, melde sie bitte, damit wir sie zügig beheben können. Nenne die URL der betroffenen Seite, eine Beschreibung des Problems, die verwendete assistive Technik und den Browser sowie die Schritte, um das Problem nachzustellen.

Eröffne ein Issue in unserem öffentlichen Quellcode-Repository oder kontaktiere die Betreuer direkt. Wir streben an, Meldungen zur Barrierefreiheit innerhalb von fünf Werktagen zu beantworten und bestätigte Probleme im nächsten Release-Zyklus zu beheben.