ROMI MasterClass

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 einem möglichst breiten Publikum zugänglich ist – unabhängig von den jeweiligen Lebensumständen und Fähigkeiten.

Um dies zu erreichen, sind wir bestrebt, uns so streng wie möglich an die „Web Content Accessibility Guidelines 2.1“ (WCAG 2.1) des World Wide Web Consortium (W3C) auf der Stufe AA zu halten. Diese Richtlinien erläutern, wie Webinhalte für Menschen mit den unterschiedlichsten Behinderungen barrierefrei gestaltet werden können. Die Einhaltung dieser Richtlinien hilft uns dabei, sicherzustellen, dass die Website für alle Menschen zugänglich ist: für blinde Menschen, Menschen mit motorischen Einschränkungen, Sehbehinderungen, kognitiven Beeinträchtigungen und mehr.

Diese Website nutzt verschiedene Technologien, die darauf abzielen, sie jederzeit so barrierefrei wie möglich zu gestalten. Wir setzen eine Barrierefreiheitsschnittstelle ein, die es Menschen mit bestimmten Behinderungen ermöglicht, die Benutzeroberfläche (UI) der Website 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 der Website kontinuierlich optimiert. Diese Anwendung korrigiert den HTML-Code der Website und passt deren Funktionalität und Verhalten an Bildschirmleseprogramme für blinde Nutzer sowie an Tastaturfunktionen für Menschen mit motorischen Einschränkungen an.

Sollten Sie einen Fehler entdeckt haben oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Rückmeldung. Sie können die Betreiber der Website über die folgende E-Mail-Adresse kontaktieren: mitera@romi-methode.de.

Bildschirmleser und Tastaturnavigation

Unsere Website nutzt die ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene Verhaltensänderungen, um sicherzustellen, dass blinde Nutzer, die die Website mit einem Screenreader besuchen, die Funktionen der Website lesen, verstehen und nutzen können. Sobald ein Nutzer mit einem Screenreader Ihre Website aufruft, wird er sofort aufgefordert, das Screenreader-Profil aufzurufen, damit er Ihre Website effektiv nutzen und navigieren kann. Im Folgenden wird erläutert, wie unsere Website einige der wichtigsten Anforderungen an Screenreader erfüllt, ergänzt durch Konsolen-Screenshots mit Code-Beispielen:

1. Optimierung für Screenreader:Wir führen einen Hintergrundprozess aus, der die Komponenten der Website von oben bis unten erfasst, um auch bei Aktualisierungen der Website eine kontinuierliche Konformität sicherzustellen. Im Rahmen dieses Prozesses stellen wir Screenreadern mithilfe der ARIA-Attribute aussagekräftige Daten zur Verfügung. So bieten wir beispielsweise präzise Formularbezeichnungen, Beschreibungen für interaktive Symbole (Social-Media-Symbole, Suchsymbole, Warenkorb-Symbole usw.) sowie Validierungshinweise für Formulareingaben sowie Elementrollen wie Schaltflächen, Menüs, modale Dialoge (Popups) und andere. Darüber hinaus scannt der Hintergrundprozess alle Bilder der Website und stellt für Bilder, die noch nicht beschrieben sind, eine genaue und aussagekräftige, auf der Bildobjekterkennung basierende Beschreibung als ALT-Tag (Alternativtext) bereit. Außerdem extrahiert er mithilfe einer OCR-Technologie (optische Zeichenerkennung) Texte, die in das Bild eingebettet sind. Um die Screenreader-Anpassungen jederzeit zu aktivieren, müssen Nutzer lediglich die Tastenkombination Alt+1 drücken. Nutzer von Screenreadern erhalten zudem eine automatische Ansage, die sie zum Aktivieren des Screenreader-Modus auffordert, sobald sie die Website aufrufen.

   Diese Anpassungen sind mit allen gängigen Bildschirmleseprogrammen kompatibel, darunter JAWS und NVDA.

2. Optimierung der Tastaturnavigation:Der Hintergrundprozess passt zudem den HTML-Code der Website an und fügt mithilfe von JavaScript-Code verschiedene Funktionen hinzu, um die Website über die Tastatur bedienbar zu machen. Dazu gehören die Möglichkeit, mit den Tasten „Tab“ und „Umschalt+Tab“ durch die Website zu navigieren, Dropdown-Menüs mit den Pfeiltasten zu bedienen, diese mit der Esc-Taste zu schließen, Schaltflächen und Links mit der Eingabetaste auszulösen, mit den Pfeiltasten zwischen Radio- und Kontrollkästchen-Elementen zu wechseln und diese mit der Leertaste oder der Eingabetaste auszufüllen. Darüber hinaus stehen Tastaturnutzern Schnellnavigations- und Inhaltsüberspringmenüs zur Verfügung, die jederzeit durch Drücken von Alt+1 oder als erste Elemente der Website bei der Navigation mit der Tastatur aufgerufen werden können. Der Hintergrundprozess kümmert sich außerdem um ausgelöste Popups, indem er den Tastaturfokus auf diese verlagert, sobald sie erscheinen, und verhindert, dass der Fokus außerhalb dieser Popups wandert.

   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 Profile für Menschen mit Beeinträchtigungen

• Epilepsie-Sicherheitsmodus: dieses Profil ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem es das Risiko von Anfällen ausschließt, die durch blinkende oder flackernde Animationen und riskante Farbkombinationen ausgelöst werden.
• Modus für Menschen mit eingeschränktem Sehvermögen: dieser Modus passt die Website an die Bedürfnisse von Nutzern mit Sehbeeinträchtigungen wie nachlassender Sehkraft, Tunnelblick, Grauem Star, Glaukom und anderen an.
• Modus für kognitive Beeinträchtigungen: dieser Modus bietet verschiedene Hilfsfunktionen, die es Nutzern mit kognitiven Beeinträchtigungen wie Legasthenie, Autismus, Schlaganfall und anderen erleichtern, sich auf die wesentlichen Elemente der Website zu konzentrieren.
• ADHS-freundlicher Modus: dieser Modus hilft Nutzern mit ADHS und neurologischen Entwicklungsstörungen dabei, die Website leichter zu lesen, zu durchsuchen und sich auf die wichtigsten Elemente der Website zu konzentrieren, während Ablenkungen deutlich reduziert werden.
• Blindenmodus: in diesem Modus wird die Website so konfiguriert, dass sie mit Bildschirmleseprogrammen wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Bildschirmleseprogramm ist eine Software für blinde Nutzer, die auf Computern und Smartphones installiert wird, und Websites müssen damit kompatibel sein.
• Tastatur-Navigationsprofil (für Menschen mit motorischen Einschränkungen): dieses Profil ermöglicht es Menschen mit motorischen Einschränkungen, die Website mithilfe der Tasten „Tab“, „Umschalt+Tab“ und „Enter“ zu bedienen. Benutzer können außerdem Tastenkombinationen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Schaltflächen) und „G“ (Grafiken) verwenden, um zu bestimmten Elementen zu springen.

Weitere Anpassungen an der Benutzeroberfläche, am Design und an der Lesbarkeit

1. Schriftanpassungen – Benutzer können die Schriftgröße vergrößern und verkleinern, die Schriftart ändern sowie den Zeichenabstand, 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 sie die Farbschemata für Überschriften, Texte und Hintergründe mit über sieben verschiedenen Farboptionen anpassen.
3. Animationen – Personen mit Epilepsie können alle laufenden Animationen mit einem Klick auf eine Schaltfläche anhalten. Zu den über die Benutzeroberfläche gesteuerten Animationen gehören Videos, GIFs und blinkende CSS-Übergänge.
4. Hervorhebung von Inhalten – Nutzer können wichtige Elemente wie Links und Titel hervorheben. Sie können auch festlegen, dass nur Elemente hervorgehoben werden, auf die der Mauszeiger gerichtet ist oder die im Fokus stehen.
5. Ton stummschalten – Nutzer mit Hörgeräten können durch automatisch abspielende Töne Kopfschmerzen oder andere Beschwerden bekommen. Mit dieser Option können Nutzer den Ton der gesamten Website sofort stummschalten.
6. Kognitive Beeinträchtigungen – Wir nutzen eine Suchmaschine, die mit Wikipedia und Wiktionary verknüpft ist und es Menschen mit kognitiven Beeinträchtigungen ermöglicht, die Bedeutung von Redewendungen, Abkürzungen, Slangausdrücken und Ähnlichem zu entschlüsseln.
7. Zusatzfunktionen – Wir bieten den Nutzern die Möglichkeit, die Farbe und Größe des Cursors zu ändern, einen Druckmodus zu verwenden, eine virtuelle Tastatur zu aktivieren und viele weitere Funktionen zu nutzen.

Kompatibilität mit Browsern und assistiver Technologie

Unser Ziel ist es, eine möglichst breite Palette an Browsern und assistiven Technologien zu unterstützen, damit unsere Nutzer die für sie am besten geeigneten Tools mit möglichst wenigen Einschränkungen auswählen können. Aus diesem Grund haben wir intensiv daran gearbeitet, alle wichtigen Systeme zu unterstützen, die über 95 % des Marktanteils ausmachen, darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge sowie JAWS und NVDA (Bildschirmleseprogramme).

Anmerkungen, Kommentare und Rückmeldungen

Trotz unserer größten Bemühungen, jedem die Anpassung der Website an seine Bedürfnisse zu ermöglichen, kann es dennoch Seiten oder Bereiche geben, die noch nicht vollständig barrierefrei sind, deren Barrierefreiheit derzeit verbessert wird oder für die es noch keine geeignete technische Lösung gibt, um sie barrierefrei zu gestalten. Dennoch arbeiten wir kontinuierlich daran, unsere Barrierefreiheit zu verbessern, indem wir Optionen und Funktionen hinzufügen, aktualisieren und optimieren sowie neue Technologien entwickeln und einführen. All dies dient dem Ziel, im Einklang mit dem technologischen Fortschritt ein optimales Maß an Barrierefreiheit zu erreichen. Wenn Sie Hilfe benötigen, wenden Sie sich bitte an mitera@romi-methode.de.