Team

Compliance-Status

Wir sind fest davon überzeugt, dass das Internet für jeden verfügbar und zugänglich sein sollte, und verpflichten uns dazu, eine Website bereitzustellen, die für das breitestmögliche Publikum zugänglich ist, unabhängig von den Umständen und Fähigkeiten.

Um dies zu erfüllen, streben wir an, so strikt wie möglich den Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortium (W3C) auf AA-Niveau zu entsprechen. 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, Menschen mit motorischen Beeinträchtigungen, Sehbehinderungen, kognitiven Behinderungen und mehr.

Diese Website nutzt verschiedene Technologien, die darauf ausgelegt sind, sie jederzeit so zugänglich wie möglich zu machen. Wir verwenden eine Barrierefreiheits-Schnittstelle, die es Personen mit spezifischen Behinderungen ermöglicht, die Benutzeroberfläche der Website anzupassen und sie 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 ihre Funktionalität und ihr Verhalten für Screenreader an, die von blinden Benutzern verwendet werden, und für Tastaturfunktionen, die von Personen mit motorischen Beeinträchtigungen genutzt werden.

Falls Sie eine Fehlfunktion gefunden haben oder Verbesserungsvorschläge haben, freuen wir uns über Ihr Feedback. Sie können die Website-Betreiber über folgende E-Mail-Adresse erreichen: kontakt@elektro-scherer.de

Screenreader und Tastaturnavigation

Unsere Website implementiert die ARIA-Attribute-Technik (Accessible Rich Internet Applications) zusammen mit verschiedenen anderen Verhaltensänderungen, um sicherzustellen, dass blinde Benutzer, die mit Screenreadern besuchen, die Funktionen der Website lesen, verstehen und nutzen können. Sobald ein Benutzer mit einem Screenreader Ihre Website betritt, erhält er sofort eine Aufforderung, das Screenreader-Profil zu aktivieren, damit er Ihre Website effektiv durchsuchen und bedienen kann. So deckt unsere Website einige der wichtigsten Screenreader-Anforderungen ab, zusammen mit Konsolen-Screenshots von Code-Beispielen:

1. Screenreader-Optimierung: Wir führen einen Hintergrundprozess aus, der die Website-Komponenten von oben bis unten lernt, um die kontinuierliche Compliance auch bei Website-Updates sicherzustellen. In diesem Prozess stellen wir Screenreadern aussagekräftige Daten mithilfe des ARIA-Attributsets zur Verfügung. Zum Beispiel bieten wir genaue Formularbeschriftungen; Beschreibungen für klickbare Icons (Social Media Icons, Such-Icons, Warenkorb-Icons usw.); Validierungshilfen für Formulareingaben; Elementrollen wie Buttons, Menüs, modale Dialoge (Popups) und andere. Zusätzlich scannt der Hintergrundprozess alle Bilder der Website und stellt eine genaue und aussagekräftige, auf Bildobjekterkennung basierende Beschreibung als ALT-Tag (Alternativtext) für nicht beschriebene Bilder bereit. Er extrahiert auch Texte, die in Bildern eingebettet sind, mithilfe von OCR-Technologie (optische Zeichenerkennung). Um Screenreader-Anpassungen jederzeit zu aktivieren, müssen Benutzer nur die Tastenkombination Alt+1 drücken. Screenreader-Benutzer erhalten auch automatische Ankündigungen, 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. Tastaturnavigations-Optimierung: Der Hintergrundprozess passt auch das HTML der Website an und fügt verschiedene Verhaltensweisen mit JavaScript-Code hinzu, um die Website über die Tastatur bedienbar zu machen. Dies umfasst die Fähigkeit, auf der Website mit den Tab- und Shift+Tab-Tasten zu navigieren, Dropdown-Menüs mit den Pfeiltasten zu bedienen, sie mit Esc zu schließen, Buttons und Links mit der Enter-Taste auszulösen, zwischen Radio- und Checkbox-Elementen mit den Pfeiltasten zu navigieren und sie mit der Leertaste oder Enter-Taste auszufüllen. Zusätzlich finden Tastaturbenutzer Schnellnavigations- und Inhalts-Skip-Menüs, die jederzeit durch Klicken auf Alt+1 verfügbar sind oder als erste Elemente der Website bei der Navigation mit der Tastatur erscheinen. Der Hintergrundprozess behandelt auch ausgelöste Popups, indem er den Tastaturfokus zu ihnen bewegt, sobald sie erscheinen, und nicht zulässt, dass der Fokus außerhalb davon wandert.

   Benutzer können auch Tastenkürzel wie "M" (Menüs), "H" (Überschriften), "F" (Formulare), "B" (Buttons) und "G" (Grafiken) verwenden, um zu bestimmten Elementen zu springen.

Auf unserer Website unterstützte Behinderungsprofile

• Epilepsie-sicherer Modus: Dieses Profil ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem das Risiko von Anfällen eliminiert wird, die durch blinkende oder flackernde Animationen und riskante Farbkombinationen entstehen.
• Sehbehinderungs-Modus: Dieser Modus passt die Website für die Bequemlichkeit von Benutzern mit Sehbeeinträchtigungen wie nachlassendem Sehvermögen, Tunnelblick, Katarakt, Glaukom und anderen an.
• Modus für kognitive Behinderungen: Dieser Modus bietet verschiedene unterstützende Optionen, um Benutzern mit kognitiven Beeinträchtigungen wie Legasthenie, Autismus, Schlaganfall und anderen zu helfen, sich leichter auf die wesentlichen Elemente der Website zu konzentrieren.
• ADHS-freundlicher Modus: Dieser Modus hilft Benutzern mit ADHS und neuronalen Entwicklungsstörungen dabei, die Hauptelemente der Website leichter zu lesen, zu durchsuchen und sich darauf zu konzentrieren, während Ablenkungen erheblich reduziert werden.
• Blindheitsmodus: 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 Benutzer, die auf einem Computer und Smartphone installiert wird, und Websites müssen damit kompatibel sein.
• Tastaturnavigations-Profil (motorisch beeinträchtigt): Dieses Profil ermöglicht es motorisch beeinträchtigten Personen, die Website mit den Tasten Tab, Shift+Tab und Enter zu bedienen. Benutzer können auch Tastenkürzel wie "M" (Menüs), "H" (Überschriften), "F" (Formulare), "B" (Buttons) und "G" (Grafiken) verwenden, um zu bestimmten Elementen zu springen.

Zusätzliche UI-, Design- und Lesbarkeitsanpassungen

1. Schriftanpassungen – Benutzer können die Größe erhöhen und verringern, die Schriftfamilie (Typ) ändern, Abstände, Ausrichtung, Zeilenhöhe und mehr anpassen.
2. Farbanpassungen – Benutzer können verschiedene Farbkontrastprofile wie hell, dunkel, invertiert und monochrom auswählen. Zusätzlich können Benutzer 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 stoppen. Von der Schnittstelle kontrollierte Animationen umfassen Videos, GIFs und CSS-Blitzübergänge.
4. Inhaltshervorhebung – Benutzer können wählen, wichtige Elemente wie Links und Titel zu betonen. Sie können auch wählen, nur fokussierte oder überfahrene Elemente hervorzuheben.
5. Audio-Stummschaltung – Benutzer mit Hörgeräten können Kopfschmerzen oder andere Probleme durch automatisch abspielende Audios erleben. Diese Option ermöglicht es Benutzern, 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, Bedeutungen von Phrasen, Abkürzungen, Slang und anderen zu entschlüsseln.
7. Zusätzliche Funktionen – Wir bieten Benutzern die Option, Cursorfarbe und -größe zu ändern, einen Druckmodus zu verwenden, eine virtuelle Tastatur zu aktivieren und viele andere Funktionen.

Browser- und Hilfstechnologie-Kompatibilität

Wir streben an, die breiteste Palette von Browsern und Hilfstechnologien wie möglich zu unterstützen, damit unsere Benutzer die am besten geeigneten Werkzeuge für sie mit so wenigen Einschränkungen wie möglich wählen können. Daher haben wir sehr hart daran gearbeitet, alle wichtigen Systeme zu unterstützen, die über 95% des Benutzermarktanteils ausmachen, einschließlich Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge, JAWS und NVDA (Screenreader).

Anmerkungen, Kommentare und Feedback

Trotz unserer größten Bemühungen, 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 Zugänglichmachung befinden oder denen eine angemessene technologische Lösung fehlt, um sie zugänglich zu machen. Dennoch verbessern wir kontinuierlich unsere Barrierefreiheit, fügen Optionen und Features hinzu, aktualisieren und verbessern sie und entwickeln und übernehmen neue Technologien. All dies dient dazu, das optimale Barrierefreiheitsniveau zu erreichen und dabei technologischen Fortschritten zu folgen. Für jede Unterstützung wenden Sie sich bitte an: kontakt@elektro-scherer.de