Ehrenamtswerkstatt: Websites für die Ehrenamtsarbeit

Konformitätsstatus

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 bereitzustellen, die für ein möglichst breites Publikum zugänglich ist, unabhängig von den Umständen und Fähigkeiten.

Um dies zu erreichen, versuchen wir, die Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) auf AA-Ebene 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: Blinde, Menschen mit motorischen Beeinträchtigungen, Sehbehinderungen, kognitiven Behinderungen und mehr.

Diese Website nutzt verschiedene Technologien, die sie jederzeit so zugänglich wie möglich machen sollen. Wir nutzen eine Barrierefreiheitsschnittstelle, die es Personen mit bestimmten Behinderungen ermöglicht, die Benutzeroberfläche 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 ausgeführt wird und ihren Barrierefreiheitsgrad ständig optimiert. Diese Anwendung korrigiert das HTML der Website und passt ihre Funktionalität und ihr Verhalten an Screenreader an, die von blinden Benutzern verwendet werden, sowie an Tastaturfunktionen, die von Personen mit motorischen Einschränkungen verwendet werden.

Wenn Sie eine Fehlfunktion festgestellt haben oder Verbesserungsvorschläge haben, freuen wir uns, von Ihnen zu hören. Sie können die Betreiber der Website unter der folgenden E-Mail-Adresse erreichen: info[at]tor-zum-erzgebirge.de

Screenreader und Tastaturnavigation

Unsere Website implementiert die ARIA-Attributtechnik (Accessible Rich Internet Applications) sowie verschiedene andere Verhaltensänderungen, um sicherzustellen, dass blinde Benutzer, die Screenreader verwenden, die Funktionen der Website lesen, verstehen und nutzen können. Sobald ein Benutzer mit einem Screenreader Ihre Website betritt, wird er sofort aufgefordert, das Screenreader-Profil einzugeben, damit er Ihre Website effektiv durchsuchen und bedienen kann. So erfüllt unsere Website einige der wichtigsten Screenreader-Anforderungen, zusammen mit Konsolen-Screenshots von Codebeispielen:

Screenreader-Optimierung: Wir führen einen Hintergrundprozess aus, der die Komponenten der Website von Grund auf lernt, um eine fortlaufende Konformität auch bei Aktualisierungen der Website sicherzustellen. In diesem Prozess stellen wir Screenreadern mithilfe des ARIA-Attributsatzes aussagekräftige Daten zur Verfügung. Wir stellen beispielsweise genaue Formularbeschriftungen bereit; Beschreibungen für aktionsfähige Symbole (Social-Media-Symbole, Suchsymbole, Einkaufswagensymbole usw.); Validierungsleitfäden für Formulareingaben; Elementrollen wie Schaltflächen, Menüs, modale Dialoge (Popups) und andere. Darüber hinaus scannt der Hintergrundprozess alle Bilder der Website und stellt eine genaue und aussagekräftige, auf Bildobjekterkennung basierende Beschreibung als ALT-Tag (alternativer Text) für Bilder bereit, die nicht beschrieben sind. Mithilfe einer OCR-Technologie (optische Zeichenerkennung) extrahiert er auch Texte, die in das Bild eingebettet sind. Um Screenreader-Anpassungen jederzeit zu aktivieren, müssen Benutzer nur die Tastenkombination Alt+1 drücken. Benutzer von Screenreadern erhalten außerdem automatische Hinweise, den Screenreader-Modus einzuschalten, sobald sie die Website aufrufen.

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

Optimierung der Tastaturnavigation: Der Hintergrundprozess passt auch das HTML der Website an und fügt mithilfe von JavaScript-Code verschiedene Verhaltensweisen hinzu, um die Website mit der Tastatur bedienbar zu machen. Dazu gehört die Möglichkeit, mit den Tasten Tab und Umschalt+Tab auf der Website zu navigieren, Dropdowns mit den Pfeiltasten zu bedienen, sie mit Esc zu schließen, Schaltflächen und Links mit der Eingabetaste auszulösen, mit den Pfeiltasten zwischen Options- und Kontrollkästchenelementen zu navigieren und sie mit der Leertaste oder der Eingabetaste auszufüllen. Darüber hinaus finden Tastaturbenutzer Schnellnavigations- und Inhaltsüberspringmenüs, die jederzeit durch Klicken auf Alt+1 oder als erste Elemente der Site beim Navigieren mit der Tastatur verfügbar sind. Der Hintergrundprozess verarbeitet auch ausgelöste Popups, indem er den Tastaturfokus auf sie verschiebt, sobald sie erscheinen, und nicht zulässt, dass der Fokus darüber hinaus 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 Behindertenprofile

Epilepsiesicherer Modus: Dieses Profil ermöglicht Menschen mit Epilepsie die sichere Nutzung der Website, indem es das Risiko von Anfällen, die durch blinkende oder blinkende Animationen und riskante Farbkombinationen verursacht werden, eliminiert.
Modus für Sehbehinderte: Dieser Modus passt die Website an die Benutzerfreundlichkeit von Benutzern mit Sehbehinderungen wie nachlassender Sehkraft, Tunnelblick, Katarakt, Glaukom und anderen an.
Modus für kognitive Behinderung: Dieser Modus bietet verschiedene unterstützende Optionen, um Benutzern mit kognitiven Beeinträchtigungen wie Legasthenie, Autismus, CVA und anderen zu helfen, sich leichter auf die wesentlichen Elemente der Website zu konzentrieren.
ADHS-freundlicher Modus: Dieser Modus hilft Benutzern mit ADHS und neurologischen Entwicklungsstörungen, leichter zu lesen, zu surfen und sich auf die wichtigsten Elemente der Website zu konzentrieren, während Ablenkungen deutlich reduziert werden.
Blindheitsmodus: Dieser Modus konfiguriert die Website so, dass sie mit Bildschirmleseprogrammen wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Screenreader ist eine Software für blinde Benutzer, die auf einem Computer und Smartphone installiert wird und mit der Websites kompatibel sein müssen.
Tastaturnavigationsprofil (motorisch eingeschränkt): Dieses Profil ermöglicht motorisch eingeschränkten Personen, die Website mit den Tasten Tab, Umschalt+Tab und Eingabe 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 von Benutzeroberfläche, Design und Lesbarkeit
Schriftanpassungen – Benutzer können die Größe der Schriftart vergrößern und verkleinern, die Schriftart ändern, den Abstand, die Ausrichtung, die Zeilenhöhe und vieles mehr anpassen.
Farbanpassungen – Benutzer können verschiedene Farbkontrastprofile wie hell, dunkel, invertiert und monochrom auswählen. Darüber hinaus können Benutzer Farbschemata für Titel, Texte und Hintergründe mit über sieben verschiedenen Farboptionen austauschen.
Animationen – Personen mit Epilepsie können alle laufenden Animationen mit einem Klick auf eine Schaltfläche stoppen. Zu den über die Schnittstelle gesteuerten Animationen gehören Videos, GIFs und blinkende CSS-Übergänge.
Hervorhebung von Inhalten – Benutzer können wichtige Elemente wie Links und Titel hervorheben. Sie können auch festlegen, dass nur fokussierte oder schwebende Elemente hervorgehoben werden.
Stummschaltung des Tons – Benutzer mit Hörgeräten können aufgrund der automatischen Audiowiedergabe Kopfschmerzen oder andere Probleme bekommen. Mit dieser Option können Benutzer die gesamte Website sofort stummschalten.
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 anderen Begriffen entschlüsseln können.
Zusatzfunktionen – 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.
Kompatibilität mit Browsern und unterstützenden Technologien

Wir möchten die größtmögliche Bandbreite an Browsern und unterstützenden Technologien unterstützen, damit unsere Benutzer die für sie am besten geeigneten Tools mit so wenig Einschränkungen wie möglich auswählen können. Daher haben wir sehr hart daran gearbeitet, alle wichtigen Systeme unterstützen zu können, die über 95 % des Nutzermarktanteils ausmachen, darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge, JAWS und NVDA (Bildschirmleseprogramme).

Anmerkungen, Kommentare und Feedback

Trotz unserer allergrößten Bemühungen, es jedem zu ermöglichen, die Website an seine Bedürfnisse anzupassen, kann es immer noch Seiten oder Abschnitte geben, die nicht vollständig zugänglich sind, sich im Prozess der Barrierefreiheit befinden oder für die eine angemessene technische Lösung fehlt, um sie zugänglich zu machen. Dennoch verbessern wir unsere Barrierefreiheit kontinuierlich, fügen Optionen und Funktionen hinzu, aktualisieren und verbessern sie und entwickeln und übernehmen neue Technologien. All dies soll dazu dienen, das optimale Maß an Barrierefreiheit zu erreichen, das dem technologischen Fortschritt folgt. Für jegliche Unterstützung wenden Sie sich bitte an info[at]tor-zum-erzgebirge.de