Projekte

Compliance-Status

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 anzubieten, die für das breitestmögliche Publikum zugänglich ist, unabhängig von Umständen und Fähigkeiten.

Um dies zu erreichen, streben wir an, uns so streng wie möglich an die Richtlinien für barrierefreie Webinhalte 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) auf Stufe AA zu halten. Diese Richtlinien erklären, wie Webinhalte für Menschen mit einem breiten Spektrum an Behinderungen zugänglich gemacht werden können. Die Einhaltung dieser Richtlinien hilft uns sicherzustellen, dass die Website für alle Menschen zugänglich ist: blinde Menschen, Menschen mit motorischen Einschränkungen, Sehbehinderungen, kognitiven Behinderungen und mehr.

Diese Website nutzt verschiedene Technologien, die darauf abzielen, sie zu jeder Zeit so barrierefrei wie möglich zu gestalten. Wir verwenden eine Barrierefreiheits-Schnittstelle, die es Personen mit spezifischen Behinderungen ermöglicht, das UI (Benutzeroberfläche) der Website an ihre persönlichen Bedürfnisse anzupassen.

Zusätzlich nutzt die Website eine KI-basierte Anwendung, die im Hintergrund läuft und kontinuierlich das Barrierefreiheitsniveau optimiert. Diese Anwendung verbessert das HTML der Website, passt deren Funktionalität und Verhalten für Screenreader an, die von blinden Nutzern verwendet werden, und für Tastaturfunktionen, die von Personen mit motorischen Einschränkungen genutzt werden.

Wenn Sie eine Fehlfunktion gefunden haben oder Ideen zur Verbesserung haben, freuen wir uns, von Ihnen zu hören. Sie können sich an die Betreiber der Website wenden, indem Sie die folgende E-Mail-Adresse verwenden:

Screenreader und Tastaturnavigation

Unsere Website implementiert die ARIA-Attribute (Accessible Rich Internet Applications), zusammen mit verschiedenen Verhaltensänderungen, um sicherzustellen, dass blinde Nutzer, die mit Screenreadern auf die Website zugreifen, die Inhalte lesen, verstehen und die Funktionen der Website nutzen können. Sobald ein Nutzer mit einem Screenreader die Website betritt, erhält er sofort eine Aufforderung, das Screenreader-Profil zu aktivieren, um die Website effektiv zu nutzen. Hier ist, wie unsere Website einige der wichtigsten Anforderungen für Screenreader erfüllt, zusammen mit Konsolen-Screenshots von Codebeispielen:

1. Optimierung für Screenreader: Wir führen einen Hintergrundprozess durch, der die Komponenten der Website von oben nach unten analysiert, um die fortlaufende Compliance auch bei Aktualisierungen der Website zu gewährleisten. In diesem Prozess stellen wir Screenreadern sinnvolle Daten mithilfe der ARIA-Attribute zur Verfügung. Zum Beispiel bieten wir genaue Formularbeschriftungen; Beschreibungen für interaktive Symbole (Social-Media-Symbole, Suchsymbole, Warenkorbsymbole usw.); Validierungsanleitungen für Formulareingaben; Elementrollen wie Schaltflächen, Menüs, modale Dialoge (Popups), und andere. Zusätzlich scannt der Hintergrundprozess alle Bilder der Website und bietet eine genaue und sinnvolle bildobjekterkennungsbasierte Beschreibung als ALT-Tag (Alternativtext) für Bilder, die nicht beschrieben sind. Er extrahiert auch Texte, die in das Bild eingebettet sind, mithilfe einer OCR-Technologie (optische Zeichenerkennung). Um die Screenreader-Anpassungen jederzeit zu aktivieren, müssen Benutzer nur die Tastenkombination Alt+1 drücken. Screenreader-Nutzer erhalten auch automatisch eine Ansage, um den Screenreader-Modus zu aktivieren, sobald sie die Website betreten.

   Diese Anpassungen sind mit allen gängigen Screenreadern kompatibel, einschließlich JAWS und NVDA.

2. Optimierung der Tastaturnavigation: Der Hintergrundprozess passt auch das HTML der Website an und fügt verschiedene Verhaltensweisen mithilfe von JavaScript-Code hinzu, um die Website per Tastatur bedienbar zu machen. Dazu gehört die Möglichkeit, die Website mit den Tasten Tab und Shift+Tab zu navigieren, Dropdown-Menüs mit den Pfeiltasten zu bedienen, sie mit Esc zu schließen, Schaltflächen und Links mit der Enter-Taste zu aktivieren, zwischen Radio- und Checkbox-Elementen mit den Pfeiltasten zu navigieren und diese mit der Leertaste oder Enter-Taste auszufüllen. Zusätzlich finden Tastaturnutzer Schnellnavigations- und Inhaltsüberspringungsmenüs, die jederzeit durch Drücken von Alt+1 verfügbar sind oder als erste Elemente der Website bei der Tastaturnavigation. Der Hintergrundprozess behandelt auch ausgelöste Popups, indem er den Tastaturfokus auf sie lenkt, sobald sie erscheinen, und verhindert, dass der Fokus außerhalb davon wandert.

   Benutzer können auch Abkürzungen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Schaltflächen) und „G“ (Grafiken) verwenden, um zu bestimmten Elementen zu springen.

Unterstützte Behinderungsprofile auf unserer Website

• Epilepsie-sicherer Modus: Dieses Profil ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem das Risiko von Anfällen, die durch blinkende oder flackernde Animationen und riskante Farbkombinationen verursacht werden, eliminiert wird.
• Modus für Sehbehinderte: Dieser Modus passt die Website für die Bequemlichkeit von Nutzern mit Sehbehinderungen wie nachlassendem Sehvermögen, Tunnelblick, Grauer Star, Glaukom und anderen an.
• Modus für kognitive Behinderungen: Dieser Modus bietet verschiedene Hilfsoptionen, um Nutzern mit kognitiven Behinderungen wie Legasthenie, Autismus, CVA und anderen zu helfen, sich leichter auf die wesentlichen Elemente der Website zu konzentrieren.
• ADHS-freundlicher Modus: Dieser Modus hilft Nutzern mit ADHS und neuroentwicklungsbedingten Störungen, die Website leichter zu lesen, zu durchsuchen und sich auf die wichtigsten Elemente zu konzentrieren, während Ablenkungen deutlich reduziert werden.
• Modus für Blinde: 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 einem Computer und Smartphone installiert wird, und Websites müssen damit kompatibel sein.
• Tastaturnavigationsprofil (für motorisch eingeschränkte Nutzer): Dieses Profil ermöglicht es motorisch eingeschränkten Personen, die Website mit den Tasten Tab, Shift+Tab und Enter zu bedienen. Nutzer können auch Abkürzungen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Schaltflächen) und „G“ (Grafiken) verwenden, um zu bestimmten Elementen zu springen.

Zusätzliche Anpassungen von UI, Design und Lesbarkeit

1. Schriftart-Anpassungen – Nutzer können die Größe erhöhen oder verringern, die Schriftart (Typ) ändern, den Abstand, die Ausrichtung, die Zeilenhöhe und mehr anpassen.
2. Farbanpassungen – Nutzer können verschiedene Farbkontrastprofile wie hell, dunkel, invertiert und monochrom auswählen. Zusätzlich können Nutzer Farbschemata von Titeln, Texten und Hintergründen mit über sieben verschiedenen Farboptionen ändern.
3. Animationen – Personen mit Epilepsie können alle laufenden Animationen mit einem Klick stoppen. Die von der Schnittstelle gesteuerten Animationen umfassen Videos, GIFs und CSS-Blinkübergänge.
4. Inhaltshervorhebung – Nutzer können wichtige Elemente wie Links und Titel hervorheben. Sie können auch nur fokussierte oder überfahrene Elemente hervorheben.
5. Audio stummschalten – Nutzer mit Hörgeräten können durch automatisch abgespieltes Audio Kopfschmerzen oder andere Probleme erleben. Diese Option ermöglicht es Nutzern, die gesamte Website sofort stumm zu schalten.
6. Kognitive Störungen – wir nutzen eine Suchmaschine, die mit Wikipedia und Wiktionary verknüpft ist und es Menschen mit kognitiven Störungen ermöglicht, die Bedeutungen von Phrasen, Abkürzungen, Slang und anderen zu entschlüsseln.
7. Zusätzliche Funktionen – wir bieten Nutzern die Möglichkeit, die Cursorfarbe und -größe zu ändern, einen Druckmodus zu verwenden, eine virtuelle Tastatur zu aktivieren und viele weitere Funktionen.

Browser- und assistive Technologie-Kompatibilität

Wir streben danach, die breiteste Palette an Browsern und assistiven Technologien zu unterstützen, damit unsere Nutzer die für sie am besten geeigneten Tools mit so wenigen Einschränkungen wie möglich wählen können. Daher haben wir hart daran gearbeitet, alle wichtigen Systeme zu unterstützen, die mehr als 95 % des Nutzermarktes abdecken, darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge, JAWS und NVDA (Screenreader).

Hinweise, Kommentare und Feedback

Trotz unserer größten Bemühungen, es jedem zu ermöglichen, die Website an seine Bedürfnisse anzupassen, kann es dennoch Seiten oder Abschnitte geben, die nicht vollständig barrierefrei sind, sich im Prozess der Barrierefreiheit befinden oder eine angemessene technologische Lösung vermissen lassen, um sie barrierefrei zu gestalten. Dennoch verbessern wir kontinuierlich unsere Barrierefreiheit, fügen neue Optionen und Funktionen hinzu, aktualisieren und verbessern diese und entwickeln und übernehmen neue Technologien. All dies dient dem Ziel, das optimale Barrierefreiheitsniveau zu erreichen – im Einklang mit den technologischen Fortschritten. Für jegliche Unterstützung wenden Sie sich bitte an