redbra.in
redbra.in
16. September 2025
Wir sind überzeugt, dass das Internet allen Menschen offenstehen und zugänglich sein sollte. Daher verpflichten wir uns, eine Website bereitzustellen, die für die größtmögliche Zahl von Nutzer*innen – unabhängig von Umständen und Fähigkeiten – zugänglich ist.
Um dies zu erreichen, orientieren wir uns so strikt wie möglich an den Web Content Accessibility Guidelines (WCAG) 2.1 des World Wide Web Consortium (W3C) auf Konformitätsstufe AA. Diese Richtlinien beschreiben, wie Webinhalte für Menschen mit den unterschiedlichsten Behinderungen zugänglich gemacht werden können. Die Einhaltung dieser Richtlinien hilft uns sicherzustellen, dass unsere Website für alle Menschen nutzbar ist: blinde Personen, Menschen mit motorischen Einschränkungen, Sehbeeinträchtigungen, kognitiven Beeinträchtigungen und mehr.
Diese Website nutzt verschiedene Technologien, um jederzeit bestmögliche Barrierefreiheit zu gewährleisten. Wir bieten eine Barrierefreiheits-Oberfläche, mit der Personen mit spezifischen Einschränkungen die Benutzeroberfläche (UI) der Website an ihre individuellen Bedürfnisse anpassen können.
Zusätzlich verwendet die Website eine KI-gestützte Anwendung, die im Hintergrund läuft und den Barrierefreiheitsgrad kontinuierlich optimiert. Diese Anwendung überarbeitet das HTML der Website, passt Funktionalität und Verhalten für Screenreader (für blinde Nutzer*innen) sowie für Tastaturfunktionen (für Personen mit motorischen Einschränkungen) an.
Wenn Sie eine Fehlfunktion gefunden haben oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Rückmeldung. Sie erreichen die Betreiber der Website per E-Mail unter info@rerdbra.in.
Unsere Website implementiert ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene Verhaltensanpassungen, damit blinde Nutzerinnen mit Screenreadern die Funktionen der Website lesen, verstehen und nutzen können. Sobald eine Screenreader-Nutzer*in Ihre Seite betritt, erhält diese Person unmittelbar die Aufforderung, das Screenreader-Profil zu aktivieren, um die Seite effektiv zu bedienen. So decken wir zentrale Anforderungen für Screenreader ab (inkl. Konsolen-Screenshots von Codebeispielen):
Screenreader-Optimierung: Wir führen im Hintergrund einen Prozess aus, der die Komponenten der Website von oben nach unten erfasst, um fortlaufende Konformität auch bei Updates sicherzustellen. In diesem Prozess stellen wir Screenreadern über ARIA-Attribute aussagekräftige Daten bereit. Dazu gehören z. B. korrekte Formularbeschriftungen, Beschreibungen für interaktive Icons (Social-Media-, Such-, Warenkorb-Icons usw.), Validierungshinweise für Formulareingaben sowie Rollen für Elemente wie Buttons, Menüs, modale Dialoge (Pop-ups) u. a. Außerdem scannt der Hintergrundprozess alle Bilder der Website und erzeugt – wo nicht vorhanden – präzise, sinnvolle, objekt-erkennungsbasierte Bildbeschreibungen als ALT-Text. In Bildern eingebettete Texte werden mittels OCR (optische Zeichenerkennung) extrahiert. Um Screenreader-Anpassungen jederzeit zu aktivieren, genügt die Tastenkombination Alt+1. Screenreader-Nutzer*innen erhalten außerdem automatisch Hinweise, den Screenreader-Modus beim Betreten der Website einzuschalten.
Diese Anpassungen sind mit allen gängigen Screenreadern kompatibel, einschließlich JAWS und NVDA.
Optimierung der Tastaturnavigation: Der Hintergrundprozess passt zudem das HTML der Website an und ergänzt verschiedene Verhaltensweisen per JavaScript, damit die Seite vollständig mit der Tastatur bedienbar ist. Dazu gehört u. a. die Navigation mit Tab und Shift+Tab, die Bedienung von Dropdowns mit den Pfeiltasten, das Schließen mit Esc, das Auslösen von Buttons und Links mit Enter, das Navigieren zwischen Radio-Buttons und Checkboxen mit den Pfeiltasten sowie das Auswählen mit Leertaste oder Enter. Zusätzlich stehen Schnellnavigations- und Inhalt-überspringen-Menüs zur Verfügung, die jederzeit über Alt+1 oder als erste fokussierbare Elemente erreichbar sind. Pop-ups werden so gehandhabt, dass der Tastaturfokus beim Öffnen sofort in das Pop-up gesetzt wird und nicht nach außen „entweichen“ kann.
Nutzer*innen können außerdem Shortcuts verwenden, um zu bestimmten Elementen zu springen: „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Buttons) und „G“ (Grafiken).
Epilepsiesicherer Modus: Ermöglicht Personen mit Epilepsie eine sichere Nutzung, indem Risiken durch blinkende/flammende Animationen und problematische Farbkombinationen eliminiert werden.
Modus für Sehbeeinträchtigte: Passt die Website für Personen mit Sehbeeinträchtigungen (z. B. nachlassende Sehschärfe, Tunnelblick, Katarakt, Glaukom u. a.) an.
Modus für kognitive Beeinträchtigungen: Bietet verschiedene Unterstützungsoptionen, um Menschen mit kognitiven Einschränkungen (z. B. Dyslexie, Autismus, Schlaganfallfolgen) das Fokussieren auf wesentliche Elemente zu erleichtern.
ADHS-freundlicher Modus: Hilft Personen mit ADHS und neurodevelopmentalen Störungen, Hauptinhalte leichter zu lesen, zu navigieren und sich darauf zu konzentrieren – bei deutlich reduzierten Ablenkungen.
Blindheitsmodus: Konfiguriert die Website für die Kompatibilität mit Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack. Ein Screenreader ist eine Software für blinde Nutzer*innen auf Computer und Smartphone; Websites müssen damit kompatibel sein.
Tastaturnavigations-Profil (motorische Einschränkungen): Ermöglicht Personen mit motorischen Einschränkungen die Bedienung der Website per Tab, Shift+Tab und Enter. Die oben genannten Shortcuts („M“, „H“, „F“, „B“, „G“) stehen ebenfalls zur Verfügung.
Schrifteinstellungen: Nutzer*innen können die Schriftgröße erhöhen/verringern, die Schriftart ändern sowie Abstände, Ausrichtung, Zeilenhöhe u. v. m. anpassen.
Farbeinstellungen: Es stehen verschiedene Kontrastprofile (hell, dunkel, invertiert, monochrom) zur Auswahl. Zudem können Farbschemata für Überschriften, Texte und Hintergründe mit mehr als sieben Optionen getauscht werden.
Animationen: Personen mit Epilepsie können alle laufenden Animationen per Klick stoppen. Dies umfasst Videos, GIFs und CSS-Blinkeffekte.
Inhaltshervorhebung: Wichtige Elemente wie Links und Überschriften können betont werden; alternativ lassen sich nur fokussierte oder „gehoverte“ Elemente hervorheben.
Audio stummschalten: Bei Hörgeräten können automatisch abgespielte Audios Kopfschmerzen oder andere Probleme verursachen. Diese Option erlaubt das sofortige Stummschalten der gesamten Website.
Kognitive Unterstützung: Wir nutzen eine Suchfunktion, die mit Wikipedia und Wiktionary verknüpft ist, um Menschen mit kognitiven Einschränkungen das Verständnis von Begriffen, Abkürzungen, Slang u. a. zu erleichtern.
Weitere Funktionen: Nutzer*innen können u. a. die Cursor-Farbe und -Größe ändern, einen Druckmodus verwenden, eine virtuelle Tastatur aktivieren und vieles mehr.
Wir möchten die größtmögliche Bandbreite an Browsern und Assistenztechnologien unterstützen, damit unsere Nutzer*innen mit so wenigen Einschränkungen wie möglich ihre bevorzugten Werkzeuge einsetzen können. Deshalb haben wir intensiv daran gearbeitet, alle wichtigen Systeme zu unterstützen, die zusammen über 95 % Marktanteil abdecken – darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera, Microsoft Edge sowie die Screenreader JAWS und NVDA.
Trotz größter Bemühungen, allen Personen die Anpassung der Website an ihre Bedürfnisse zu ermöglichen, kann es Seiten oder Bereiche geben, die noch nicht vollständig barrierefrei sind, sich in der Umsetzung befinden oder für die es noch keine angemessene technische Lösung gibt. Wir verbessern unsere Barrierefreiheit kontinuierlich, erweitern, aktualisieren und optimieren Optionen und Funktionen und entwickeln bzw. übernehmen neue Technologien – stets mit dem Ziel, ein optimales Barrierefreiheitsniveau im Einklang mit technischen Entwicklungen zu erreichen. Für Unterstützung wenden Sie sich bitte an info@rerdbra.in.