Neuigkeiten aus dem Webdesign

Erklärung zur Barrierefreiheit

• philippramsch.de
• May 9, 2025

Einhaltungsstatus

Wir sind der festen Überzeugung, dass das Internet für jeden verfügbar und zugänglich sein sollte, und sind bestrebt, 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, streben wir eine möglichst strikte Einhaltung der Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortium (W3C) auf AA-Niveau an. Diese Richtlinien erläutern, wie Webinhalte für Menschen mit einer Vielzahl von Behinderungen zugänglich gemacht werden können. Durch die Einhaltung dieser Richtlinien können wir sicherstellen, dass die Website für alle Menschen zugänglich ist: für Blinde, Menschen mit motorischen Beeinträchtigungen, Sehbehinderungen, kognitiven Behinderungen und mehr.

Diese Website verwendet verschiedene Technologien, die sie jederzeit so zugänglich wie möglich machen sollen. Wir verwenden eine barrierefreie 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 verwendet die Website eine KI-basierte Anwendung, die im Hintergrund ausgeführt wird und die Barrierefreiheit ständig optimiert. Diese Anwendung korrigiert den HTML-Code der Website und passt ihre Funktionalität und ihr Verhalten an die Bildschirmlesegeräte blinder Benutzer und an die Tastaturfunktionen von Personen mit motorischen Beeinträchtigungen an.

Wenn Sie eine Fehlfunktion festgestellt haben oder Verbesserungsvorschläge haben, freuen wir uns, von Ihnen zu hören. Sie können sich per E-Mail an die Website-Betreiber wenden: mail@philippramsch.de

Bildschirmleser und Tastaturnavigation

Unsere Website verwendet die ARIA-Attribute-Technik (Accessible Rich Internet Applications) sowie verschiedene Verhaltensänderungen, um sicherzustellen, dass blinde Benutzer, die mit Screenreadern auf die Website zugreifen, die Funktionen der Website lesen, verstehen und nutzen können. Sobald ein Benutzer mit einem Screenreader Ihre Website aufruft, wird er sofort aufgefordert, das Screenreader-Profil einzugeben, damit er Ihre Website effektiv durchsuchen und bedienen kann. Hier erfahren Sie, wie unsere Website einige der wichtigsten Anforderungen von Screenreadern erfüllt, zusammen mit Screenshots von Code-Beispielen:

1. Screenreader-Optimierung: Wir führen einen Hintergrundprozess aus, der die Komponenten der Website von oben bis unten lernt, um auch bei Aktualisierungen der Website eine kontinuierliche Konformität zu gewährleisten. In diesem Prozess stellen wir Screenreadern mithilfe des ARIA-Attributsatzes aussagekräftige Daten zur Verfügung. Zum Beispiel stellen wir genaue Formularbeschriftungen, Beschreibungen für ausführbare Symbole (Social-Media-Symbole, Suchsymbole, Warenkorbsymbole usw.), Validierungsanleitungen für Formulareingaben, Elementrollen wie Schaltflächen, Menüs, modale Dialoge (Popups) und andere bereit. Darüber hinaus scannt der Hintergrundprozess alle Bilder der Website und liefert eine genaue und aussagekräftige bildobjektbasierte Beschreibung als ALT-Tag (alternativer Text) für Bilder, die nicht beschrieben sind. Außerdem werden mithilfe einer OCR-Technologie (optische Zeichenerkennung) Texte extrahiert, die in das Bild eingebettet sind. Um die Screenreader-Anpassungen jederzeit zu aktivieren, müssen Benutzer lediglich die Tastenkombination Alt+1 drücken. Screenreader-Benutzer erhalten außerdem automatische Ansagen, 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. Optimierung der Tastaturnavigation: Der Hintergrundprozess passt auch den HTML-Code der Website an und fügt mithilfe von JavaScript-Code verschiedene Verhaltensweisen hinzu, um die Website über die Tastatur bedienbar zu machen. Dazu gehört die Möglichkeit, mit den Tasten Tab und Umschalt+Tab auf der Website 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, mit den Pfeiltasten zwischen Radio- und Kontrollkästchenelementen zu navigieren und sie mit der Leertaste oder der Eingabetaste auszufüllen. Außerdem stehen Tastaturbenutzern jederzeit Menüs für die Schnellnavigation und das Überspringen von Inhalten zur Verfügung, die durch Klicken auf Alt+1 oder als erste Elemente der Website beim Navigieren mit der Tastatur aufgerufen werden können. Der Hintergrundprozess verarbeitet auch ausgelöste Pop-ups, indem er den Tastaturfokus auf diese verschiebt, sobald sie erscheinen, und nicht zulässt, dass der Fokus außerhalb davon 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 Behinderungen

• Epilepsie-sicherer Modus: Dieses Profil ermöglicht Menschen mit Epilepsie die sichere Nutzung der Website, indem es das Risiko von Anfällen durch blinkende oder blitzende Animationen und riskante Farbkombinationen ausschließt.
• Modus für Sehbehinderte: Dieser Modus passt die Website an die Bedürfnisse von Benutzern mit Sehbehinderungen wie nachlassender Sehkraft, Tunnelblick, Katarakt, Glaukom und anderen an.
• Modus für kognitive Behinderungen: Dieser Modus bietet verschiedene Hilfsoptionen, die es Benutzern 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 Benutzern 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.
• Blindheitsmodus: 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 Benutzer, die auf einem Computer oder Smartphone installiert wird, und Websites müssen damit kompatibel sein.
• Tastaturnavigationsprofil (motorisch beeinträchtigt): Dieses Profil ermöglicht es motorisch beeinträchtigten Personen, die Website mithilfe der Tabulatortaste, Umschalttaste+Tab und der 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 Schriftgröße erhöhen und verringern, die Schriftfamilie (Typ) ändern, den Abstand, die Ausrichtung und die Zeilenhöhe anpassen und vieles mehr.
2. Farbanpassungen – Benutzer können verschiedene Farbkontrastprofile auswählen, z. B. hell, dunkel, invertiert und monochrom. Darüber hinaus können Benutzer die Farbschemata von Titeln, Texten und Hintergründen mit über sieben verschiedenen Farboptionen austauschen.
3. Animationen – Menschen mit Epilepsie können alle laufenden Animationen mit einem Klick anhalten. Zu den über die Benutzeroberfläche gesteuerten Animationen gehören Videos, GIFs und CSS-Blinkübergänge.
4. Hervorhebung von Inhalten – Benutzer können wichtige Elemente wie Links und Überschriften hervorheben. Sie können auch festlegen, dass nur fokussierte oder mit der Maus überfahrene Elemente hervorgehoben werden.
5. Stummschaltung von Audio – 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.
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 anderen Begriffen 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 von Browsern und unterstützenden Technologien

Unser Ziel ist es, eine möglichst breite Palette von Browsern und unterstützenden Technologien zu unterstützen, damit unsere Benutzer die für sie am besten geeigneten Tools mit möglichst wenigen Einschränkungen auswählen können. Deshalb haben wir sehr hart daran gearbeitet, alle wichtigen Systeme zu unterstützen, die über 95 % des Benutzermarktanteils ausmachen, darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge, JAWS und NVDA (Screenreader).

Hinweise, Kommentare und Feedback

Trotz unserer größten Bemühungen, es jedem zu ermöglichen, die Website an seine Bedürfnisse anzupassen, kann es sein, dass es immer noch Seiten oder Abschnitte gibt, die nicht vollständig zugänglich sind, gerade erst zugänglich gemacht werden oder für die es keine angemessene technische Lösung gibt, um sie zugänglich zu machen. Dennoch verbessern wir unsere Barrierefreiheit kontinuierlich, indem wir Optionen und Funktionen hinzufügen, aktualisieren und verbessern sowie neue Technologien entwickeln und einführen. All dies dient dazu, das optimale Niveau der Barrierefreiheit zu erreichen und dem technologischen Fortschritt zu folgen. Bei Fragen wenden Sie sich bitte an mail@philippramsch.de