Beate Adam

Compliance-Status

Wir sind der festen Überzeugung, dass das Internet für jeden verfügbar und zugänglich sein sollte, und setzen uns dafür ein, eine Website anzubieten, die einem möglichst breiten Publikum zugänglich ist, unabhängig von den Umständen und Fähigkeiten.

Um dies zu erreichen, streben wir an, die Richtlinien für barrierefreie Webinhalte 2.1 (WCAG 2.1) des World Wide Web Consortium (W3C) auf der Stufe AA so streng 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 Beeinträchtigungen, Sehbehinderungen, kognitiven Behinderungen und 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 bestimmten Behinderungen ermöglicht, die Benutzeroberfläche (UI) der Website anzupassen und sie an ihre persönlichen Bedürfnisse anzupassen

Darüber hinaus nutzt die Website eine KI-basierte Anwendung, die im Hintergrund läuft und die Barrierefreiheit ständig optimiert. Diese Anwendung korrigiert den HTML-Code der Website und passt ihre Funktionalität und ihr Verhalten an Bildschirmlesegeräte für blinde Nutzer sowie an Tastaturfunktionen für Menschen mit motorischen Einschränkungen an.

Wenn Sie eine Fehlfunktion festgestellt haben oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Nachricht. Sie können die Betreiber der Website über die folgende E-Mail-Adresse erreichen: team@ueberdentellerrand.org

Bildschirmleseprogramm und Tastaturnavigation

Unsere Website implementiert die ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene Verhaltensänderungen, um sicherzustellen, dass blinde Nutzer, die mit Bildschirmleseprogrammen auf die Website zugreifen, die Funktionen der Website lesen, verstehen und nutzen können. Sobald ein Nutzer mit einem Bildschirmleseprogramm Ihre Website aufruft, erhält er sofort eine Aufforderung, das Bildschirmleseprogramm-Profil aufzurufen, damit er Ihre Website effektiv durchsuchen und bedienen kann. Hier erfahren Sie, wie unsere Website einige der wichtigsten Anforderungen an Screenreader erfüllt, zusammen mit Konsolen-Screenshots von Code-Beispielen:

1. Screen-reader optimization: we run a background process that learns the website’s components from top to bottom, to ensure ongoing compliance even when updating the website. In this process, we provide screen-readers with meaningful data using the ARIA set of attributes. For example, we provide accurate form labels; descriptions for actionable icons (social media icons, search icons, cart icons, etc.); validation guidance for form inputs; element roles such as buttons, menus, modal dialogues (popups), and others. Additionally, the background process scans all the website’s images and provides an accurate and meaningful image-object-recognition-based description as an ALT (alternate text) tag for images that are not described. It will also extract texts that are embedded within the image, using an OCR (optical character recognition) technology. To turn on screen-reader adjustments at any time, users need only to press the Alt+1 keyboard combination. Screen-reader users also get automatic announcements to turn the Screen-reader mode on as soon as they enter the website.

   These adjustments are compatible with all popular screen readers, including JAWS and NVDA.

2. Optimierung der Tastaturnavigation: Der Hintergrundprozess passt auch den HTML-Code der Website an und fügt mithilfe von JavaScript-Code verschiedene Funktionen hinzu, damit die Website über die Tastatur bedient werden kann. Dazu gehört die Möglichkeit, mit den Tasten Tab und Umschalt+Tab durch die Website zu navigieren, Dropdown-Menüs mit den Pfeiltasten zu bedienen, sie mit Esc zu schließen, Schaltflächen und Links mit der Eingabetaste zu aktivieren, mit den Pfeiltasten zwischen Radio- und Checkbox-Elementen zu navigieren und diese mit der Leertaste oder der Eingabetaste auszufüllen. Darüber hinaus stehen Tastaturbenutzern Schnellnavigations- und Inhaltsüberspringungsmenüs zur Verfügung, die jederzeit durch Klicken auf Alt+1 oder als erste Elemente der Website bei der Navigation mit der Tastatur aufgerufen werden können. Der Hintergrundprozess verarbeitet auch ausgelöste Popups, indem er den Tastaturfokus auf diese verschiebt, sobald sie erscheinen, und verhindert, dass der Fokus außerhalb davon driftet.

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

Auf unserer Website unterstützte Beeinträchtigungsprofile

• Epilepsie-Sicherheitsmodus: Dieses Profil ermöglicht Menschen mit Epilepsie eine sichere Nutzung der Website, indem es das Risiko von Anfällen durch blinkende Animationen und riskante Farbkombinationen ausschließt.
• Modus für Sehbehinderte: Dieser Modus passt die Website für Benutzer mit Sehbehinderungen wie nachlassender Sehkraft, Tunnelblick, Katarakt, Glaukom und anderen an.
• Modus für kognitive Beeinträchtigung: Dieser Modus bietet verschiedene Hilfsoptionen, die Nutzern mit kognitiven Beeinträchtigungen wie Legasthenie, Autismus, Schlaganfall und anderen helfen, sich leichter auf die wesentlichen Elemente der Website zu konzentrieren.
• ADHS-freundlicher Modus: Dieser Modus hilft Nutzern mit ADHS und neurologischen Entwicklungsstörungen, die wichtigsten Elemente der Website leichter zu lesen, zu durchsuchen und sich darauf zu konzentrieren, während Ablenkungen deutlich reduziert werden.
• Blindheit-Modus: Dieser Modus konfiguriert die Website so, dass sie mit Bildschirmleseprogrammen wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Bildschirmleseprogramm ist eine Software für blinde Nutzer, die auf einem Computer oder Smartphone installiert wird, und Websites müssen damit kompatibel sein.
• Tastatur-Navigationsprofil (motorisch beeinträchtigt): Dieses Profil ermöglicht es motorisch eingeschränkten Personen, die Website mit den Tasten Tab, Umschalt+Tab und Eingabetaste zu bedienen. Benutzer können auch Tastenkombinationen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Schaltflächen) und „G“ (Grafiken) verwenden, um zu bestimmten Elementen zu springen.

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

1. Schriftartanpassungen – Benutzer können die Größe erhöhen und verringern, die Schriftfamilie (den Typ) ändern, den Abstand, die Ausrichtung, die Zeilenhöhe und vieles mehr anpassen.
2. Farbanpassungen – Benutzer können verschiedene Farbkontrastprofile wie hell, dunkel, invertiert und monochrom auswählen. Darüber hinaus können Benutzer die Farbschemata von Titeln, Texten und Hintergründen mit über sieben verschiedenen Farboptionen austauschen.
3. Animationen – Personen mit Epilepsie können alle laufenden Animationen mit einem Klick auf eine Schaltfläche stoppen. Zu den über die Benutzeroberfläche gesteuerten Animationen gehören Videos, GIFs und blinkende CSS-Übergänge.
4. Hervorhebung von Inhalten – Benutzer können wichtige Elemente wie Links und Titel hervorheben. Sie können auch festlegen, dass nur fokussierte oder mit der Maus überfahrene Elemente hervorgehoben werden.
5. Audio stummschalten – Benutzer mit Hörgeräten können aufgrund der automatischen Audiowiedergabe unter Kopfschmerzen oder anderen Problemen leiden. Mit dieser Option können Benutzer die gesamte Website sofort stummschalten.
6. Kognitive Störungen – Wir verwenden eine Suchmaschine, die mit Wikipedia und Wiktionary verknüpft ist, sodass Menschen mit kognitiven Störungen die Bedeutung von Phrasen, Initialen, Slang und anderem entschlüsseln können.
7. Zusätzliche Funktionen – Wir bieten Benutzern die Möglichkeit, die Farbe und Größe des Cursors zu ändern, einen Druckmodus zu verwenden, eine virtuelle Tastatur zu aktivieren und viele andere Funktionen zu nutzen.

Kompatibilität mit Browsern und assistiver Technologie

Wir möchten möglichst viele Browser und assistive Technologien unterstützen, damit unsere Nutzer die für sie am besten geeigneten Tools mit möglichst wenigen Einschränkungen auswählen können. Daher haben wir intensiv daran gearbeitet, alle wichtigen Systeme zu unterstützen, die über 95 % des Nutzeranteils ausmachen, darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge sowie JAWS und NVDA (Bildschirmleseprogramme).

Anmerkungen, 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, gerade barrierefrei gestaltet werden oder für deren Barrierefreiheit noch keine geeignete technische Lösung gefunden wurde. Dennoch verbessern wir kontinuierlich unsere Barrierefreiheit, indem wir Optionen und Funktionen hinzufügen, aktualisieren und verbessern sowie neue Technologien entwickeln und einsetzen. All dies dient dazu, mit den technologischen Fortschritten Schritt zu halten und ein optimales Maß an Barrierefreiheit zu erreichen. Wenn Sie Hilfe benötigen, wenden Sie sich bitte an team@ueberdentellerrand.org