Compliance-Status
Wir sind fest davon überzeugt, dass das Internet für alle verfügbar und zugänglich sein sollte, und verpflichten uns, eine Website bereitzustellen, die für die größtmögliche Zielgruppe unabhängig von ihren Fähigkeiten zugänglich ist.
Um dies zu erreichen, bemühen wir uns, so genau wie möglich die Web Content Accessibility Guidelines 2.1 (WCAG 2.1) auf AA-Niveau des World Wide Web Consortiums (W3C) einzuhalten. Diese Richtlinien erklären, wie Webinhalte für Menschen mit einer Vielzahl von Einschränkungen zugänglich gemacht werden können. Ihre Einhaltung hilft uns sicherzustellen, dass die Website für blinde Menschen, Menschen mit motorischen Beeinträchtigungen, Sehbehinderungen, kognitiven Einschränkungen und viele weitere Nutzer zugänglich ist.
Diese Website verwendet verschiedene Technologien, um jederzeit eine möglichst hohe Barrierefreiheit zu gewährleisten. Wir nutzen ein Barrierefreiheits-Interface, das es Menschen mit spezifischen Einschränkungen ermöglicht, die Benutzeroberfläche (UI) der Website an ihre individuellen Bedürfnisse anzupassen.
Darüber hinaus setzt die Website eine KI-basierte Anwendung ein, die im Hintergrund läuft und das Barrierefreiheitsniveau kontinuierlich optimiert. Diese Anwendung überarbeitet den HTML-Code der Website, passt ihre Funktionen für Screenreader für blinde Nutzer an und optimiert die Tastaturnutzung für motorisch eingeschränkte Personen.
Wenn du den Inhaber der Website kontaktieren möchtest, verwende bitte folgende E-Mail-Adresse: info@mauthe-gmbh.de
Screenreader- und Tastaturnavigation
Unsere Website implementiert ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene Verhaltensanpassungen, damit blinde Nutzer mit Screenreadern Inhalte lesen, verstehen und die Website-Funktionen nutzen können. Sobald ein Nutzer mit Screenreader die Seite betritt, erhält er eine Aufforderung, das Screenreader-Profil zu aktivieren, um die Website effektiv bedienen zu können.
Screenreader-Optimierung
Wir führen Prozesse durch, die die Website-Komponenten von oben bis unten erfassen, um auch bei Updates die Einhaltung sicherzustellen. Screenreadern werden dabei sinnvolle Daten über die ARIA-Attribute bereitgestellt.
Beispiele:
- Präzise Beschriftungen von Formularfeldern
- Beschreibungen für interaktive Symbole (Social Media, Suche, Warenkorb etc.)
- Validierungshinweise bei Formulareingaben
- Rollen für Elemente wie Buttons, Menüs, modale Dialoge (Pop-ups)
Zusätzlich scannt ein Hintergrundprozess alle Bilder der Website. Für nicht beschriebene Bilder werden aussagekräftige ALT-Texte per Bilderkennung generiert. Texte in Bildern werden per OCR-Technologie (optische Zeichenerkennung) erfasst.
👉 Mit Alt + 1 können Screenreader-Anpassungen jederzeit aktiviert werden. Nutzer erhalten beim Betreten der Website automatisch den Hinweis, den Screenreader-Modus einzuschalten.
Unterstützte Screenreader: JAWS, NVDA, VoiceOver, TalkBack
Tastaturnavigation
Die Website wird durch JavaScript-Anpassungen so erweitert, dass sie vollständig per Tastatur bedienbar ist:
- Navigation mit Tab und Shift+Tab
- Dropdowns mit Pfeiltasten steuern, mit Esc schließen
- Buttons und Links mit Enter aktivieren
- Auswahl bei Radio- und Checkbox-Elementen mit Pfeiltasten und Leertaste/Enter
👉 Mit Alt + 2 lässt sich ein Inhalts-Sprungmenü öffnen. Popups rücken den Tastaturfokus automatisch ins Fenster, sodass er nicht außerhalb verloren geht.
Tastenkürzel: M (Menüs), H (Überschriften), F (Formulare), B (Buttons), G (Grafiken)
Unterstützte Profile auf unserer Website
- Epilepsie-sicheres Profil: entfernt Animationen und kritische Farbkombinationen.
- Sehbehinderten-Profil: Anpassungen für Sehprobleme wie nachlassendes Sehvermögen, Tunnelblick, Grauer Star, Glaukom u. a.
- Kognitives-Profil: Hilfen für Nutzer mit Autismus, Dyslexie, Schlaganfällen (CVA) u. a.
- ADHS-freundliches Profil: reduziert Ablenkungen und erleichtert den Fokus.
- Screenreader-Profil (blinde Nutzer): volle Kompatibilität mit Screenreadern.
- Tastaturnavigations-Profil (motorische Einschränkungen): komplette Bedienung über Tab, Shift+Tab, Enter sowie die o. g. Shortcuts.
Zusätzliche Anpassungen für UI, Design & Lesbarkeit
- Schrift: Größe, Schriftart, Abstände, Ausrichtung, Zeilenhöhe
- Farben: Kontrastprofile (hell, dunkel, invertiert, monochrom), austauschbare Farbschemata
- Animationen: Stopp-Funktion für Videos, GIFs, CSS-Übergänge
- Inhaltshervorhebung: Markierung wichtiger Elemente (z. B. Links, Überschriften)
- Audio stummschalten: Sofortiges Stummschalten aller Website-Audios
- Kognitive Unterstützung: Wörterbuch-Integration (Wikipedia & Wiktionary)
- Weitere Funktionen: Anpassung des Mauszeigers, Druckmodus, virtuelle Tastatur u. a.
Unterstützte Technologien und Browser
Wir bemühen uns, so viele Browser und Assistenzsysteme wie möglich zu unterstützen. Derzeit werden über 95 % der marktüblichen Systeme abgedeckt, darunter:
- Browser: Google Chrome, Mozilla Firefox, Apple Safari, Opera, Microsoft Edge
- Screenreader: JAWS, NVDA (Windows & Mac)
Hinweise, Kommentare & Feedback
Trotz aller Bemühungen kann es vorkommen, dass bestimmte Bereiche der Website noch nicht vollständig barrierefrei sind oder eine geeignete technische Lösung fehlt. Wir arbeiten jedoch kontinuierlich daran, unsere Barrierefreiheit zu verbessern, neue Optionen und Features hinzuzufügen sowie neue Technologien einzusetzen. Ziel ist stets die bestmögliche Zugänglichkeit im Einklang mit dem technischen Fortschritt.
👉 Wenn du den Inhaber der Website kontaktieren möchtest, nutze bitte folgende E-Mail-Adresse: info@mauthe-gmbh.de