Barrierefreiheitsstatus

Wir sind fest davon überzeugt, dass das Internet für jeden zugänglich und nutzbar sein sollte, und setzen uns dafür ein, eine Website bereitzustellen, die für ein möglichst breites Publikum zugänglich ist – unabhängig von den jeweiligen Umständen oder Fähigkeiten.

Um dies zu erreichen, orientieren wir uns so streng wie möglich an den Richtlinien für barrierefreie Webinhalte (WCAG 2.1) des World Wide Web Consortiums (W3C) auf Konformitätsstufe AA. Diese Richtlinien beschreiben, wie Webinhalte für Menschen mit unterschiedlichsten Behinderungen zugänglich gemacht werden können. Die Einhaltung dieser Richtlinien hilft uns sicherzustellen, dass die Website für alle Menschen zugänglich ist – z. B. für blinde Menschen, Personen mit motorischen Einschränkungen, Sehbehinderungen, kognitiven Einschränkungen und viele mehr.

Diese Website nutzt verschiedene Technologien, um sie jederzeit so barrierefrei wie möglich zu gestalten. Wir verwenden eine Barrierefreiheits-Schnittstelle, die es Menschen mit speziellen Einschränkungen ermöglicht, die Benutzeroberfläche (UI) der Website an ihre individuellen Bedürfnisse anzupassen.

Zusätzlich kommt eine KI-basierte Anwendung zum Einsatz, die im Hintergrund läuft und fortlaufend die Barrierefreiheit der Website optimiert. Diese Anwendung passt das HTML der Website an, optimiert deren Funktionen und das Verhalten für Screenreader (für blinde Nutzer) sowie für Tastaturnavigation (für motorisch eingeschränkte Personen).

Wenn Sie eine Fehlfunktion bemerken oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Rückmeldung. Sie erreichen die Betreiber der Website unter folgender E-Mail-Adresse: info@be-bauelemente.com

Screenreader- und Tastatur-Navigation

Unsere Website implementiert die ARIA-Technologie (Accessible Rich Internet Applications) sowie verschiedene Verhaltensanpassungen, um sicherzustellen, dass blinde Nutzer mit Screenreadern die Inhalte lesen, verstehen und bedienen können. Sobald ein Nutzer mit Screenreader die Website betritt, wird er direkt aufgefordert, das Screenreader-Profil zu aktivieren, um die Website effektiv nutzen zu können. Hier einige wichtige Funktionen, die wir umgesetzt haben:

1. Screenreader-Optimierung: Wir führen einen Hintergrundprozess aus, der die gesamte Website analysiert, um auch bei künftigen Änderungen die Barrierefreiheit sicherzustellen. Dabei werden Screenreadern relevante Informationen über ARIA-Attribute zur Verfügung gestellt. Dazu gehören z. B. korrekte Formularbeschriftungen, Beschreibungen für Icons (z. B. Social Media, Suche, Warenkorb), Hinweise zur Formularvalidierung sowie Rollenzuweisungen für Buttons, Menüs, Modalfenster (Popups) und andere Elemente.

   Zusätzlich analysiert dieser Prozess alle Bilder der Website, erkennt den Inhalt mittels Bilderkennung und hinterlegt eine sinnvolle Beschreibung als ALT-Text. Eingebettete Texte in Bildern werden per OCR (optische Zeichenerkennung) extrahiert.

   Um die Screenreader-Anpassungen jederzeit zu aktivieren, genügt die Tastenkombination Alt+1. Nutzer mit Screenreader erhalten beim Besuch der Website automatisch eine entsprechende Benachrichtigung.

   Diese Funktionen sind kompatibel mit allen gängigen Screenreadern wie JAWS und NVDA.

2. Optimierung der Tastaturnavigation: Der Hintergrundprozess passt auch das HTML der Website an und ergänzt Verhaltensweisen via JavaScript, um die Bedienbarkeit mit der Tastatur zu gewährleisten. Dazu gehören: Navigation mit Tab und Shift+Tab, Steuerung von Dropdowns mit den Pfeiltasten, Schließen mit Esc, Auslösen von Buttons und Links mit Enter, sowie Navigation und Auswahl von Checkboxen und Radiobuttons mit Pfeiltasten und der Leertaste bzw. Enter.

   Tastaturnutzer können außerdem Schnellnavigation und „Inhalt überspringen“-Menüs verwenden – erreichbar über Alt+1 oder als erstes Element der Website. Auch Popups werden automatisch in den Fokus gesetzt, sobald sie erscheinen, sodass der Fokus nicht außerhalb springen kann.

   Verfügbare Tastenkürzel: „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Buttons), „G“ (Grafiken).

Unterstützte Barrierefreiheits-Profile auf unserer Website

• Epilepsiesicherer Modus: Deaktiviert blinkende Animationen und risikobehaftete Farbkombinationen, um epileptische Anfälle zu vermeiden.
• Modus für Sehbehinderte: Optimiert die Website für Nutzer mit z. B. eingeschränktem Sehvermögen, Tunnelblick, Katarakt oder Glaukom.
• Modus für kognitive Einschränkungen: Bietet unterstützende Funktionen für Nutzer mit Dyslexie, Autismus, Schlaganfällen und anderen Einschränkungen zur besseren Fokussierung auf relevante Inhalte.
• ADHS-freundlicher Modus: Unterstützt Nutzer mit ADHS oder neurodiversen Verhaltensmustern, indem Ablenkungen reduziert und Inhalte fokussierter dargestellt werden.
• Modus für blinde Nutzer: Konfiguriert die Website für maximale Kompatibilität mit Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack.
• Tastatur-Navigationsprofil (Motorisch eingeschränkt): Ermöglicht die vollständige Bedienung per Tastatur über Tab, Shift+Tab und Enter. Enthält zudem die genannten Tastenkürzel zur Schnellnavigation.

Weitere Anpassungen von UI, Design und Lesbarkeit

1. Schriftanpassung – Nutzer können Schriftgröße, Schriftart, Zeilenhöhe, Ausrichtung, Buchstaben- und Wortabstand ändern.
2. Farbmodi – Auswahl zwischen verschiedenen Kontrastprofilen wie Hell, Dunkel, Umgekehrt, Monochrom; Anpassung von Text- und Hintergrundfarben mit über sieben vordefinierten Farbvarianten.
3. Animationen – Personen mit Epilepsie können sämtliche Animationen (Videos, GIFs, CSS-Übergänge) mit einem Klick deaktivieren.
4. Inhaltshervorhebung – Möglichkeit, wichtige Elemente wie Links oder Überschriften hervorzuheben oder nur fokussierte bzw. überfahrene Elemente hervorzuheben.
5. Audio-Stummschaltung – Um Beschwerden bei Nutzern mit Hörhilfen zu vermeiden, kann jeglicher Ton mit einem Klick stummgeschaltet werden.
6. Kognitive Unterstützung – Eingebaute Suchfunktion, die Wikipedia und Wiktionary nutzt, um Begriffe, Abkürzungen oder Slang verständlich zu machen.
7. Weitere Funktionen – Anpassbare Cursorfarbe und -größe, Druckansicht, virtuelle Tastatur und vieles mehr.

Kompatibilität mit Browsern und Hilfstechnologien

Wir streben an, die größtmögliche Kompatibilität mit Browsern und unterstützenden Technologien zu gewährleisten, sodass Nutzer ihre bevorzugten Werkzeuge ohne Einschränkungen verwenden können. Unsere Website unterstützt über 95 % der Marktanteile, darunter: Google Chrome, Mozilla Firefox, Apple Safari, Opera, Microsoft Edge sowie die Screenreader JAWS und NVDA.

Anmerkungen, Hinweise und Feedback

Trotz aller Bemühungen, die Website für alle anpassbar zu gestalten, kann es vorkommen, dass einzelne Seiten oder Abschnitte noch nicht vollständig barrierefrei sind oder sich noch in der Optimierung befinden. Wir arbeiten kontinuierlich daran, die Barrierefreiheit zu verbessern, Funktionen zu erweitern und neue Technologien zu integrieren. Unser Ziel ist ein möglichst hoher Grad an Barrierefreiheit entsprechend dem technischen Fortschritt. Bei Fragen oder Anliegen erreichen Sie uns unter info@be-bauelemente.com