Referenzen Demo

Barrierefreiheitserklärung

moerk.de
25. Juni 2025

Status der Konformität

Wir sind fest davon überzeugt, dass das Internet für alle zugänglich sein sollte, und verpflichten uns, eine Website bereitzustellen, die für die größtmögliche Zielgruppe zugänglich ist, unabhängig von Umständen und Fähigkeiten.
Um dies zu erreichen, bemühen wir uns, die Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) auf der Stufe AA so genau wie möglich einzuhalten. Diese Richtlinien erklären, wie Webinhalte für Menschen mit einer Vielzahl von Behinderungen zugänglich gemacht werden können. Die Einhaltung dieser Richtlinien hilft uns sicherzustellen, dass die Website für alle Menschen zugänglich ist: für blinde Menschen, Menschen mit motorischen Einschränkungen, Sehbehinderte, kognitive Beeinträchtigungen und mehr.

Unsere Website verwendet verschiedene Technologien, um sie jederzeit so barrierefrei wie möglich zu gestalten. Dazu gehört eine Barrierefreiheits-Schnittstelle, mit der Personen mit spezifischen Behinderungen die Benutzeroberfläche (UI) der Website an ihre individuellen Bedürfnisse anpassen können.

Zusätzlich nutzt die Website eine KI-basierte Anwendung, die im Hintergrund arbeitet und das Zugänglichkeitsniveau kontinuierlich optimiert. Diese Anwendung verbessert das HTML der Website, passt ihre Funktionalität und ihr Verhalten an die Anforderungen von Screenreadern für blinde Nutzer sowie an die Tastaturbedienung für Menschen mit motorischen Beeinträchtigungen an.

Sollten Sie einen Fehler feststellen oder Verbesserungsvorschläge haben, freuen wir uns, von Ihnen zu hören. Sie können die Betreiber der Website unter folgender E-Mail-Adresse kontaktieren: info@moerk.de.

Screenreader- und Tastaturnavigation

Unsere Website implementiert die Technik der ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene Verhaltensanpassungen, um sicherzustellen, dass blinde Nutzer, die Screenreader verwenden, die Funktionen der Website lesen, verstehen und nutzen können. Sobald ein Nutzer mit einem Screenreader die Website betritt, erhält er eine sofortige Aufforderung, das Screenreader-Profil zu aktivieren, um die Website effektiv durchsuchen und bedienen zu können.

Hier ist eine Übersicht, wie unsere Website die wichtigsten Anforderungen von Screenreadern erfüllt, ergänzt durch Konsolen-Screenshots mit Codebeispielen:

Optimierung für Screenreader:
Wir führen einen Hintergrundprozess aus, der die Komponenten der Website von oben bis unten analysiert, um eine fortlaufende Konformität auch bei Aktualisierungen sicherzustellen. Dabei stellen wir Screenreadern mithilfe der ARIA-Attribute sinnvolle Daten bereit. Zum Beispiel:
- Präzise Formularbeschriftungen
- Beschreibungen für interaktive Symbole (z. B. Social-Media-Icons, Such-Icons, Warenkorb-Icons)
- Validierungsanleitungen für Formulareingaben
- Rollenzuweisungen für Elemente wie Buttons, Menüs, modale Dialoge (Popups) und andere.
Zusätzlich scannt der Hintergrundprozess alle Bilder auf der Website und liefert mithilfe von KI-gestützter Bilderkennung eine präzise und aussagekräftige Beschreibung als ALT-Tag (Alternativtext) für nicht beschriebene Bilder. Eingebettete Texte innerhalb von Bildern werden mithilfe der OCR-Technologie (Optical Character Recognition) extrahiert.
Um die Screenreader-Anpassungen jederzeit zu aktivieren, müssen Nutzer lediglich die Tastenkombination Alt+1drücken. Außerdem erhalten Screenreader-Nutzer automatische Hinweise, den Screenreader-Modus zu aktivieren, sobald sie die Website betreten. Diese Anpassungen sind mit allen gängigen Screenreadern wie JAWS und NVDA kompatibel.
Optimierung der Tastaturnavigation:
Der Hintergrundprozess passt das HTML der Website an und fügt mithilfe von JavaScript verschiedene Verhaltensanpassungen hinzu, damit die Website vollständig mit der Tastatur bedient werden kann. Dazu gehören:
- Navigation mit den Tasten Tab und Shift+Tab
- Bedienung von Dropdown-Menüs mit den Pfeiltasten
- Schließen von Menüs mit Esc
- Auslösen von Buttons und Links mit der Enter-Taste
- Navigation zwischen Radio-Buttons und Checkboxen mit den Pfeiltasten und Auswählen mit Leertaste oder Enter.
Zusätzlich finden Tastatur-Nutzer Schnellnavigations- und Inhalts-Überspringen-Menüs, die jederzeit durch Drücken von Alt+1 oder als erste Elemente der Website verfügbar sind, während sie mit der Tastatur navigieren.
Der Hintergrundprozess sorgt außerdem dafür, dass der Tastaturfokus bei aufgerufenen Popups automatisch auf diese gelenkt wird und ein Verlassen des Fokus außerhalb des Popups verhindert wird.
Nutzer können zudem folgende Tastaturkürzel verwenden:
- M für Menüs
- H für Überschriften
- F für Formulare
- B für Buttons
- G für Grafiken,
  um direkt zu spezifischen Elementen zu springen.

Behinderungsprofile, die auf unserer Website unterstützt werden

Epilepsie-sicherer Modus: Dieses Profil ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem das Risiko von Anfällen durch blinkende oder flackernde Animationen und riskante Farbkombinationen eliminiert wird.
Modus für Sehbehinderte: Dieser Modus passt die Website an die Bedürfnisse von Nutzern mit Sehbehinderungen an, wie z. B. nachlassender Sehkraft, Tunnelblick, Katarakt, Glaukom und anderen.
Modus für kognitive Beeinträchtigungen: Dieser Modus bietet verschiedene unterstützende Optionen, um Nutzern mit kognitiven Beeinträchtigungen wie Dyslexie, Autismus, CVA und anderen zu helfen, sich leichter auf die wesentlichen Elemente der Website zu konzentrieren.
ADHS-freundlicher Modus: Dieser Modus unterstützt Nutzer mit ADHS und neuroentwicklungsbedingten Störungen, die Hauptbestandteile der Website leichter zu lesen, zu durchsuchen und sich darauf zu konzentrieren, indem Ablenkungen erheblich reduziert werden.
Modus für Blindheit: Dieser Modus konfiguriert die Website so, dass sie mit Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Screenreader ist eine Software für blinde Nutzer, die auf Computern und Smartphones installiert ist und mit Websites kompatibel sein muss.
Profil für Tastaturnavigation (motorische Einschränkungen): Dieses Profil ermöglicht es motorisch eingeschränkten Personen, die Website mit der Tastatur zu bedienen (Tab, Shift+Tab und Enter-Tasten). Nutzer können auch Tastenkombinationen wie “M” (Menüs), “H” (Überschriften), “F” (Formulare), “B” (Buttons) und “G” (Grafiken) verwenden, um direkt zu bestimmten Elementen zu springen.

Zusätzliche Anpassungen der Benutzeroberfläche, des Designs und der Lesbarkeit

Schriftanpassungen – Nutzer können die Schriftgröße erhöhen oder verringern, die Schriftart ändern, den Zeichenabstand, die Ausrichtung, die Zeilenhöhe und mehr anpassen.
Farbanpassungen – Nutzer können verschiedene Farbkontrastprofile auswählen, wie hell, dunkel, invertiert oder monochrom. Zusätzlich können Farbschemata für Überschriften, Texte und Hintergründe aus über sieben verschiedenen Farboptionen gewechselt werden.
Animationen – Personen mit Epilepsie können alle laufenden Animationen mit einem Klick deaktivieren. Zu den über die Schnittstelle gesteuerten Animationen gehören Videos, GIFs und CSS-Flashing-Übergänge.
Hervorhebung von Inhalten – Nutzer können wichtige Elemente wie Links und Überschriften hervorheben. Es besteht auch die Möglichkeit, nur fokussierte oder schwebende Elemente hervorzuheben.
Audiostummschaltung – Nutzer mit Hörgeräten können durch automatisch abgespielte Audiodateien Kopfschmerzen oder andere Probleme bekommen. Mit dieser Option können sie die gesamte Website sofort stummschalten.
Kognitive Störungen – Wir nutzen eine Suchmaschine, die mit Wikipedia und Wiktionary verknüpft ist, damit Menschen mit kognitiven Störungen Bedeutungen von Phrasen, Abkürzungen, Slang und anderen Begriffen entschlüsseln können.
Zusätzliche Funktionen – Wir bieten Nutzern die Möglichkeit, die Cursorfarbe und -größe zu ändern, einen Druckmodus zu aktivieren, eine virtuelle Tastatur zu nutzen und viele weitere Funktionen.

Kompatibilität mit Browsern und unterstützender Technologie

Wir bemühen uns, eine möglichst große Vielfalt an Browsern und unterstützenden Technologien zu unterstützen, damit unsere Nutzer die für sie am besten geeigneten Tools mit möglichst wenigen Einschränkungen verwenden können. Daher haben wir intensiv daran gearbeitet, alle wichtigen Systeme zu unterstützen, die über 95 % der Marktanteile ausmachen, darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge sowie die Screenreader JAWS und NVDA.

Hinweise, Kommentare und Feedback

Trotz unserer größten Bemühungen, allen die Anpassung der Website an ihre Bedürfnisse zu ermöglichen, kann es dennoch Seiten oder Abschnitte geben, die nicht vollständig zugänglich sind, sich noch im Prozess der Barrierefreiheit befinden oder denen eine geeignete technische Lösung fehlt. Dennoch verbessern wir unsere Barrierefreiheit kontinuierlich, indem wir Optionen und Funktionen hinzufügen, aktualisieren und optimieren sowie neue Technologien entwickeln und einführen.

All dies dient dazu, ein optimales Maß an Barrierefreiheit entsprechend den technologischen Fortschritten zu erreichen. Für Unterstützung wenden Sie sich bitte an info@moerk.de.