Aplicación web progresiva (PWA)

Status der Einhaltung

Wir sind fest davon überzeugt, dass das Internet für jedermann verfügbar und zugänglich sein sollte, und verpflichten uns, eine Website anzubieten, die für ein möglichst breites Publikum zugänglich ist, unabhängig von Umständen und Fähigkeiten.

Um dies zu gewährleisten, streben wir an, uns so strikt wie möglich an die Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortium (W3C) auf dem AA-Niveau zu halten. Diese Richtlinien erläutern, wie Webinhalte für Menschen mit verschiedenen 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 Beeinträchtigungen, Sehbeeinträchtigungen, kognitiven Beeinträchtigungen und mehr.

Diese Website nutzt verschiedene Technologien, um sie jederzeit so zugänglich wie möglich zu gestalten. Wir verwenden eine Zugänglichkeitsoberfläche, die es Personen mit bestimmten Behinderungen ermöglicht, die Benutzeroberfläche der Website an ihre persönlichen Bedürfnisse anzupassen.

Zusätzlich verwendet die Website eine KI-basierte Anwendung, die ständig die Zugänglichkeit optimiert. Diese Anwendung optimiert den HTML-Code der Website, passt ihre Funktionalität und ihr Verhalten für Bildschirmlesegeräte, die von blinden Benutzern verwendet werden, und für Tastaturfunktionen, die von Personen mit motorischen Beeinträchtigungen verwendet werden, an.

Falls Sie einen Fehler festgestellt haben oder Verbesserungsideen haben, freuen wir uns über Ihre Rückmeldung. Sie können die Betreiber der Website über folgende E-Mail-Adresse erreichen: info@matoma.de

Bildschirmlesegeräte und Tastaturnavigation

Unsere Website implementiert die Technik der ARIA-Attribute (Accessible Rich Internet Applications) zusammen mit verschiedenen Verhaltensänderungen, um sicherzustellen, dass blinde Benutzer, die mit Bildschirmlesegeräten die Website besuchen, die Funktionen der Website lesen, verstehen und nutzen können. Sobald ein Benutzer mit einem Bildschirmlesegerät die Website betritt, wird er sofort aufgefordert, das Bildschirmlesegerät-Profil zu aktivieren, damit er die Website effektiv durchsuchen und bedienen kann. Hier ist, wie unsere Website einige der wichtigsten Anforderungen für Bildschirmlesegeräte abdeckt, zusammen mit Konsolenscreenshots von Codebeispielen:

1. Optimierung für Bildschirmlesegeräte: Wir führen einen Hintergrundprozess aus, der die Website-Komponenten von oben nach unten erlernt, um eine fortlaufende Einhaltung auch bei Aktualisierungen der Website sicherzustellen. Dabei stellen wir Bildschirmlesegeräten mithilfe des ARIA-Satzes von Attributen sinnvolle Daten zur Verfügung. Beispielsweise bieten wir präzise Formularbeschriftungen, Beschreibungen für aktionsfähige Symbole (Symbole für soziale Medien, Suchsymbole, Warenkorb-Symbole usw.), Validierungshinweise für Formulareingaben sowie Elementrollen wie Schaltflächen, Menüs, modale Dialoge (Popups) und andere. Darüber hinaus durchsucht der Hintergrundprozess alle Bilder der Website und liefert eine genaue und aussagekräftige bildobjekterkennungsbasierte Beschreibung als ALT-Text für nicht beschriebene Bilder. Er extrahiert auch Texte, die in das Bild eingebettet sind, mithilfe einer OCR-Technologie (Optische Zeichenerkennung). Um die Bildschirmlesegeräte-Anpassungen jederzeit zu aktivieren, müssen Benutzer lediglich die Tastenkombination Alt+1 drücken. Bildschirmlesegeräte-Benutzer erhalten auch automatische Ankündigungen, um den Bildschirmlesegerät-Modus zu aktivieren, sobald sie die Website betreten.

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

2. Optimierung der Tastaturnavigation: Der Hintergrundprozess passt auch den HTML-Code der Website an und fügt verschiedene Verhaltensweisen mit JavaScript-Code hinzu, um die Website mit der Tastatur bedienbar zu machen. Dies umfasst die Möglichkeit, die Website mit den Tabulatortasten und der Kombination Shift+Tab zu navigieren, Dropdown-Menüs mit den Pfeiltasten zu bedienen, sie mit Esc zu schließen, Schaltflächen und Links mit der Eingabetaste auszulösen, zwischen Radio- und Kontrollkästchenelementen mit den Pfeiltasten zu navigieren und sie mit der Leertaste oder Eingabetaste auszufüllen. Darüber hinaus finden Tastaturnutzer Schnellnavigations- und Inhaltsüberspring-Menüs, die jederzeit durch Klicken auf Alt+1 verfügbar sind oder als erste Elemente der Website beim Navigieren mit der Tastatur angezeigt werden. Der Hintergrundprozess behandelt auch ausgelöste Popups, indem er den Tastaturfokus sofort auf sie lenkt und ihn nicht außerhalb zulässt.

   Benutzer können auch Verknüpfungen 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-Sicherheitsmodus: Dieses Profil ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem das Risiko von Anfällen durch blinkende Animationen und riskante Farbkombinationen eliminiert wird.
• Modus für Sehbeeinträchtigte: Dieser Modus passt die Website für die Bequemlichkeit von Benutzern mit Sehbeeinträchtigungen wie verschlechtertem Sehvermögen, Tunnelblick, Katarakt, Glaukom und anderen an.
• Modus für kognitive Beeinträchtigungen: Dieser Modus bietet verschiedene Unterstützungsoptionen, um Benutzern mit kognitiven Beeinträchtigungen wie Dyslexie, Autismus, CVA und anderen dabei zu helfen, sich leichter auf die wesentlichen Elemente der Website zu konzentrieren.
• ADHD-freundlicher Modus: Dieser Modus hilft Benutzern mit ADHS und neurologischen Entwicklungsstörungen, den Hauptinhalt der Website leichter zu lesen, zu durchsuchen und sich darauf zu konzentrieren, indem Ablenkungen deutlich reduziert werden.
• Blindheitsmodus: Dieser Modus konfiguriert die Website so, dass sie mit Bildschirmlesegeräten wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Bildschirmlesegerät ist eine Software für blinde Benutzer, die auf einem Computer und Smartphone installiert wird, und Websites müssen mit ihm kompatibel sein.
• Tastaturnavigationsprofil (motorisch beeinträchtigt): Dieses Profil ermöglicht es Personen mit motorischen Beeinträchtigungen, die Website mit den Tasten Tab, Shift+Tab und Enter zu bedienen. Benutzer können auch Verknüpfungen wie "M" (Menüs), "H" (Überschriften), "F" (Formulare), "B" (Schaltflächen) und "G" (Grafiken) verwenden, um zu bestimmten Elementen zu springen.

Zusätzliche Anpassungen für Benutzeroberfläche, Design und Lesbarkeit

1. Schriftanpassungen: Benutzer können die Größe der Schrift vergrößern und verkleinern, die Schriftart ändern, den Zeilenabstand, die Ausrichtung, die Zeilenhöhe und mehr anpassen.
2. 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 7 verschiedenen Farboptionen austauschen.
3. Animationen: Benutzer mit Epilepsie können alle laufenden Animationen mit einem Klick auf einen Button stoppen. Zu den von der Benutzeroberfläche gesteuerten Animationen gehören Videos, GIFs und CSS-Blitzübergänge.
4. Hervorhebung von Inhalten: Benutzer können wichtige Elemente wie Links und Überschriften hervorheben. Sie können auch nur fokussierte oder gehoverte Elemente hervorheben.
5. Stummschaltung von Audio: Benutzer mit Hörgeräten können aufgrund automatisch abgespielter Audioinhalte Kopfschmerzen oder andere Probleme haben. Diese Option ermöglicht es Benutzern, die gesamte Website sofort stummzuschalten.
6. Kognitive Störungen: Wir verwenden eine Suchmaschine, die mit Wikipedia und Wiktionary verlinkt ist und es Personen mit kognitiven Störungen ermöglicht, Bedeutungen von Phrasen, Initialen, Slang und anderen zu entschlüsseln.
7. Zusätzliche Funktionen: Wir bieten Benutzern die Möglichkeit, die Farbe und Größe des Cursors zu ändern, den Druckmodus zu verwenden, eine virtuelle Tastatur zu aktivieren und viele andere Funktionen zu nutzen.

Kompatibilität mit Browsern und Assistenztechnologien

Wir streben danach, die breiteste Palette von Browsern und Assistenztechnologien zu unterstützen, damit unsere Benutzer die für sie am besten geeigneten Werkzeuge auswählen können, ohne dabei auf zu viele Einschränkungen zu stoßen. Daher haben wir hart daran gearbeitet, alle wichtigen Systeme zu unterstützen, die über 95 % des Marktanteils der Benutzer ausmachen, einschließlich Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge, JAWS und NVDA (Bildschirmlesegeräte), sowohl für Windows als auch für MAC-Benutzer.

Hinweise, Kommentare und Feedback

Trotz unserer besten Bemühungen, jedem die Anpassung der Website an seine Bedürfnisse zu ermöglichen, kann es immer noch Seiten oder Abschnitte geben, die nicht vollständig zugänglich sind, sich noch in der Zugänglichkeitsverbesserung befinden oder für die eine angemessene technologische Lösung fehlt, um sie zugänglich zu machen. Dennoch verbessern wir kontinuierlich unsere Zugänglichkeit, fügen Optionen und Funktionen hinzu, entwickeln und übernehmen neue Technologien. Dies alles dient dazu, das optimale Niveau der Zugänglichkeit im Einklang mit den technologischen Fortschritten zu erreichen. Bei Fragen stehen wir Ihnen gerne zur Verfügung: info@matoma.de