Am 23. Mai 2022 ist ein Beitrag über uns im Radio Köln erschienen. Hören Sie mal rein!
Am 23. Mai 2022 ist ein Beitrag über uns im Radio Köln erschienen. Hören Sie mal rein!
Blaufeuer
Konformitätsstatus
Wir sind der Überzeugung, dass das Internet für alle Menschen verfügbar und zugänglich sein sollte. Deshalb verpflichten wir uns, eine Website bereitzustellen, die für möglichst viele Menschen nutzbar ist – unabhängig von Umständen oder individuellen Fähigkeiten.
Um dies zu erreichen, orientieren wir uns so genau wie möglich an den Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) auf Konformitätsstufe AA. Diese Richtlinien erklären, wie Webinhalte so gestaltet werden, dass sie für Menschen mit unterschiedlichsten Einschränkungen zugänglich sind. Die Einhaltung dieser Vorgaben hilft dabei sicherzustellen, dass die Website für alle Menschen nutzbar ist, darunter blinde Personen, Menschen mit motorischen Einschränkungen, Sehbeeinträchtigungen, kognitiven Beeinträchtigungen und mehr.
Diese Website nutzt verschiedene Technologien, um sie jederzeit möglichst zugänglich zu halten. Wir verwenden ein Barrierefreiheits-Interface, das es Menschen mit spezifischen Einschränkungen ermöglicht, die Benutzeroberfläche (UI) der Website an ihre individuellen Bedürfnisse anzupassen.
Zusätzlich nutzt die Website eine KI-basierte Anwendung, die im Hintergrund läuft und den Barrierefreiheitsgrad kontinuierlich optimiert. Diese Anwendung überarbeitet den HTML-Code der Website, passt Funktionen und Verhalten für Screenreader von blinden Personen an und optimiert zugleich die Tastaturnavigation für Menschen mit motorischen Einschränkungen.
Wenn Sie eine Störung festgestellt haben oder Vorschläge zur Verbesserung haben, freuen wir uns über eine Nachricht. Sie erreichen die Betreiber der Website per E-Mail unter webmaster@blaufeuer.info.
Unsere Website implementiert ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene funktionale Anpassungen, um sicherzustellen, dass blinde Nutzerinnen und Nutzer mit Screenreadern die Inhalte lesen, verstehen und bedienen können. Sobald eine Person mit Screenreader die Website betritt, erhält sie sofort den Hinweis, das Screenreader-Profil zu aktivieren, um die Seite optimal nutzen zu können. So erfüllen wir zentrale Anforderungen für Screenreader:
Screenreader-Optimierung:
Wir führen einen Hintergrundprozess aus, der die Website von oben bis unten analysiert, um fortlaufende Konformität, auch bei Aktualisierungen, sicherzustellen. Dabei stellen wir Screenreader-Programmen wichtige Daten über ARIA-Attribute bereit. Dazu gehören korrekte Formularbeschriftungen, Beschreibungen für interaktive Symbole (z. B. Social Media, Suche, Warenkorb), Hinweise zur Formularvalidierung sowie Rollen für Elemente wie Buttons, Menüs und modale Dialoge. Außerdem scannt der Hintergrundprozess alle Bilder der Website und erstellt für nicht beschriebene Bilder präzise, objektbasierte ALT-Texte. Eingebettete Texte werden mittels OCR (optischer Texterkennung) erkannt und übertragen. Die Screenreader-Einstellungen können jederzeit mit der Tastenkombination Alt+1 aktiviert werden. Nutzerinnen und Nutzer mit Screenreadern erhalten automatisch Hinweise zur Aktivierung, sobald sie die Website betreten.
Diese Anpassungen funktionieren mit allen verbreiteten Screenreadern wie JAWS und NVDA.
Optimierung der Tastaturnavigation:
Der Hintergrundprozess passt außerdem den HTML-Code der Website an und ergänzt bestimmte JavaScript-Funktionen, um die Bedienung mit der Tastatur zu ermöglichen. Dazu gehören:
Navigation mit Tab und Shift+Tab
Steuern von Dropdowns mit Pfeiltasten
Schließen per Esc
Auslösen von Buttons und Links via Enter
Navigieren zwischen Radio- und Checkbox-Feldern per Pfeiltasten
Auswählen mittels Leertaste oder Enter
Zusätzlich finden Tastaturnutzende Schnellnavigations- und Inhaltsüberspring-Menüs, erreichbar über Alt+1 oder beim Start der Tastaturnavigation. Der Hintergrundprozess sorgt außerdem dafür, dass bei Popups der Fokus automatisch ins Popup springt und nicht aus ihm herauswandern kann.
Weitere Tastenkürzel: „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Buttons), „G“ (Grafiken).
Epilepsie-sicherer Modus:
Entfernt blinkende oder flackernde Animationen sowie riskante Farbkombinationen.
Modus für Sehbeeinträchtigungen:
Optimiert die Darstellung für Nutzerinnen und Nutzer mit z. B. abnehmendem Sehvermögen, Tunnelblick, Katarakt oder Glaukom.
Modus für kognitive Einschränkungen:
Bietet unterstützende Funktionen für Menschen mit z. B. Dyslexie, Autismus oder CVA, damit sie sich leichter auf wesentliche Inhalte konzentrieren können.
ADHS-freundlicher Modus:
Reduziert Ablenkungen und erleichtert Fokussierung auf zentrale Elemente.
Blindheitsmodus:
Richtet die Website für Screenreader wie JAWS, NVDA, VoiceOver oder TalkBack ein.
Tastaturnavigations-Profil (motorische Einschränkungen):
Ermöglicht die Bedienung nur über Tastatur. Enthält die oben genannten Shortcuts.
Schriftanpassungen: Größe, Schriftart, Abstand, Ausrichtung, Zeilenhöhe.
Farbprofile: Hell, dunkel, invertiert, monochrom und weitere Farbkombinationen für Text, Hintergrund und Titel.
Animationen: Alle Animationen können gestoppt werden, einschließlich Videos, GIFs und CSS-Effekte.
Inhaltshervorhebung: Hervorheben wichtiger Elemente wie Links oder Titles sowie Fokus- oder Hover-Elemente.
Audio-Stummschaltung: Für Menschen mit Hörgeräten, um Probleme durch automatische Tonausgabe zu vermeiden.
Kognitive Unterstützung: Integrierte Suchfunktion mit Verbindung zu Wikipedia und Wiktionary, um Begriffe, Abkürzungen oder Slang zu erklären.
Weitere Funktionen: Anpassbarer Mauszeiger, Druckmodus, virtuelle Tastatur und vieles mehr.
Wir bemühen uns, eine möglichst große Bandbreite an Browsern und Assistenztechnologien zu unterstützen. Dazu gehören über 95 Prozent der marktüblichen Systeme wie Chrome, Firefox, Safari, Opera und Edge sowie Screenreader wie JAWS und NVDA.
Trotz größter Sorgfalt kann es vorkommen, dass einzelne Seiten oder Bereiche noch nicht vollständig barrierefrei sind, sich gerade in Überarbeitung befinden oder technisch noch keine vollständige Lösung existiert. Wir arbeiten kontinuierlich daran, unsere Barrierefreiheit zu verbessern, Optionen zu erweitern, neue Funktionen zu entwickeln und technische Innovationen zu integrieren.
Für Unterstützung oder Rückmeldungen kontaktieren Sie uns bitte unter webmaster@blaufeuer.info.