Praxis Am Sonnegg
Wir sind fest davon überzeugt, dass das Internet für alle 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 jeweiligen Umständen und Fähigkeiten.
Um dies zu erreichen, bemühen wir uns, die Web Content Accessibility Guidelines (WCAG) 2.1 des World Wide Web Consortiums (W3C) so genau wie möglich auf AA-Niveau einzuhalten. Diese Richtlinien erklären, wie Webinhalte so gestaltet werden können, dass sie für Menschen mit einer Vielzahl von Einschränkungen zugänglich sind. Die Einhaltung dieser Richtlinien hilft uns sicherzustellen, dass unsere Website für alle Menschen zugänglich ist – z. B. für blinde Menschen, Menschen mit motorischen Einschränkungen, Sehbehinderungen, kognitiven Einschränkungen und mehr.
Diese Website nutzt verschiedene Technologien, um die Barrierefreiheit jederzeit zu maximieren. Wir verwenden eine Barrierefreiheits-Schnittstelle, die es Personen mit spezifischen Einschränkungen ermöglicht, die Benutzeroberfläche (UI) der Website an ihre individuellen Bedürfnisse anzupassen.
Zusätzlich kommt eine KI-gestützte Anwendung zum Einsatz, die im Hintergrund läuft und den Barrierefreiheitsgrad der Website fortlaufend optimiert. Diese Anwendung bearbeitet den HTML-Code der Seite, passt ihre Funktionen und ihr Verhalten für Screenreader – wie sie von blinden Nutzerinnen verwendet werden – sowie für Tastaturnutzerinnen mit motorischen Einschränkungen an.
Sollten Sie einen Fehler feststellen oder Verbesserungsvorschläge haben, freuen wir uns über Ihr Feedback. Sie können die Betreiber der Website per E-Mail kontaktieren:
Unsere Website implementiert die Technik der ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene Verhaltensanpassungen, um sicherzustellen, dass blinde Nutzer*innen mit Screenreadern die Website lesen, verstehen und ihre Funktionen nutzen können. Sobald eine Nutzerin mit Screenreader die Website betritt, erscheint eine Aufforderung zur Aktivierung des Screenreader-Profils, damit die Seite effektiv bedient und durchsucht werden kann. Im Folgenden erklären wir, wie unsere Website zentrale Anforderungen an Screenreader erfüllt – inklusive Konsolen-Screenshots und Codebeispielen:
Screenreader-Optimierung:
Im Hintergrund läuft ein Prozess, der alle Komponenten der Website analysiert – von oben nach unten –, um auch bei zukünftigen Updates die Barrierefreiheit sicherzustellen. Dabei versorgen wir Screenreader gezielt mit relevanten Informationen mittels der ARIA-Attribute. Dazu zählen:
Präzise Beschriftungen von Formularfeldern
Beschreibungen für interaktive Icons (z. B. Social-Media-Symbole, Such-Icons, Warenkorb-Symbole etc.)
Hinweise zur Formularvalidierung
Zuweisung von semantischen Rollen wie Buttons, Menüs, modale Dialoge (Pop-ups) usw.
Zusätzlich scannt der Hintergrundprozess sämtliche Bilder der Website und erzeugt – basierend auf Objekterkennung – aussagekräftige Beschreibungen als ALT-Texte für nicht beschriftete Bilder. Texte innerhalb von Bildern werden mithilfe von OCR-Technologie (optische Zeichenerkennung) extrahiert.
Die Screenreader-Anpassungen können jederzeit über die Tastenkombination Alt + 1 aktiviert werden. Nutzer*innen mit Screenreadern erhalten beim Betreten der Website außerdem eine automatische Aufforderung, den Screenreader-Modus zu aktivieren.
Diese Anpassungen sind kompatibel mit allen gängigen Screenreadern, darunter JAWS und NVDA.
Optimierung der Tastaturnavigation:
Der Hintergrundprozess passt zusätzlich das HTML der Website an und ergänzt verschiedene Verhaltensweisen mittels JavaScript, um die Seite vollständig mit der Tastatur bedienbar zu machen. Dazu gehören:
Navigation über Tab und Shift + Tab
Bedienung von Dropdown-Menüs mit Pfeiltasten
Schließen von Menüs mit Esc
Auslösen von Buttons und Links über die Enter-Taste
Navigation durch Radio- und Checkboxen mit Pfeiltasten, Aktivierung mit Leertaste oder Enter
Darüber hinaus finden Tastaturnutzer*innen spezielle Schnellnavigations- und "Skip-to-Content"-Menüs, die entweder mit Alt + 1 aufgerufen oder beim Navigieren als erste Elemente der Website angezeigt werden.
Der Prozess sorgt auch dafür, dass beim Öffnen eines Pop-ups der Tastaturfokus automatisch auf das Pop-up gelenkt wird, damit der Fokus nicht außerhalb des Dialogs verloren geht.
Zudem können Nutzer*innen folgende Tastenkürzel verwenden, um gezielt zu bestimmten Elementen zu springen:
M für Menüs
H für Überschriften
F für Formulare
B für Buttons
G für Grafiken
Epilepsie-sicherer Modus:
Dieser Modus ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem er das Risiko von Anfällen durch flackernde oder blinkende Animationen sowie riskante Farbkombinationen ausschließt.
Modus für Sehbehinderte:
Dieser Modus passt die Website für Menschen mit Sehbeeinträchtigungen an, z. B. bei nachlassendem Sehvermögen, Tunnelblick, Katarakt, Glaukom und anderen Einschränkungen.
Modus für kognitive Beeinträchtigungen:
Dieser Modus bietet unterstützende Funktionen, die Menschen mit kognitiven Einschränkungen – wie Legasthenie, Autismus, Schlaganfällen (CVA) und anderen – dabei helfen, sich besser auf die wesentlichen Elemente der Website zu konzentrieren.
ADHS-freundlicher Modus:
Dieser Modus unterstützt Menschen mit ADHS und anderen neurologischen Entwicklungsstörungen dabei, Inhalte klarer zu erfassen, sich besser zu orientieren und Ablenkungen zu minimieren.
Modus für blinde Nutzer*innen:
Dieser Modus konfiguriert die Website zur optimalen Kompatibilität mit Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack. Ein Screenreader ist eine Software für blinde Nutzer*innen, die auf Computern oder Smartphones installiert ist und mit der Websites kompatibel sein müssen.
Tastaturnavigations-Profil (für motorisch eingeschränkte Nutzer*innen):
Dieses Profil ermöglicht es Menschen mit motorischen Einschränkungen, die Website vollständig mit der Tastatur zu bedienen – über Tab, Shift + Tab und Enter. Zusätzlich stehen folgende Tastenkürzel zur Verfügung:
M für Menüs
H für Überschriften
F für Formulare
B für Buttons
G für Grafiken
Schriftanpassungen:
Nutzer*innen können die Schriftgröße verändern, die Schriftart auswählen, Abstände, Ausrichtung und Zeilenhöhe individuell anpassen.
Farboptionen:
Es stehen verschiedene Kontrastprofile zur Auswahl – z. B. hell, dunkel, invertiert oder monochrom. Außerdem können Farbpaletten für Überschriften, Texte und Hintergründe geändert werden – mit über sieben vordefinierten Farbschemata.
Animationen:
Alle laufenden Animationen können auf Knopfdruck deaktiviert werden – besonders hilfreich für Menschen mit Epilepsie. Dazu zählen Videos, GIFs und CSS-Übergänge mit Blinkeffekten.
Inhalts-Hervorhebung:
Nutzer*innen können wichtige Elemente wie Links und Überschriften hervorheben – wahlweise auch nur bei Fokus oder Hover.
Ton-Stummschaltung:
Für Menschen mit Hörgeräten oder Geräuschempfindlichkeit kann das automatische Abspielen von Ton unangenehm sein. Mit dieser Funktion lässt sich die gesamte Website auf einmal stummschalten.
Unterstützung bei kognitiven Beeinträchtigungen:
Ein integriertes Suchsystem ist mit Wikipedia und Wiktionary verbunden und hilft dabei, Bedeutungen von Begriffen, Abkürzungen oder Slangbegriffen zu verstehen.
Weitere Funktionen:
Nutzer*innen können den Mauszeiger in Farbe und Größe anpassen, einen Druckmodus aktivieren, eine virtuelle Tastatur verwenden und vieles mehr.
Wir streben die größtmögliche Kompatibilität mit verschiedenen Browsern und unterstützenden Technologien an, damit Nutzer*innen frei zwischen ihren bevorzugten Tools wählen können – mit möglichst wenigen Einschränkungen. Unsere Website unterstützt alle gängigen Systeme, die zusammen mehr als 95 % Marktanteil ausmachen, darunter:
Google Chrome
Mozilla Firefox
Apple Safari
Opera
Microsoft Edge
JAWS und NVDA (Screenreader)
Trotz aller Bemühungen, die Website für alle Nutzer*innen individuell anpassbar und zugänglich zu gestalten, kann es vorkommen, dass bestimmte Seiten oder Bereiche noch nicht vollständig barrierefrei sind, sich noch in der Optimierung befinden oder derzeit keine technische Lösung zur Verfügung steht.
Wir verbessern jedoch kontinuierlich unsere Barrierefreiheitsfunktionen, aktualisieren bestehende Optionen, erweitern die Funktionalitäten und integrieren neue Technologien. Unser Ziel ist es, ein möglichst hohes Maß an Barrierefreiheit im Einklang mit dem technologischen Fortschritt zu erreichen.
Für Unterstützung oder Feedback kontaktieren Sie uns bitte unter:
