Textgrösse
Skaliert sämtliche Schrift auf der Seite zwischen 100% und 200%, damit Inhalte sofort grösser lesbar sind.
Ein Widget. Unzählige Möglichkeiten.
area11y ist ein leistungsstarkes, einbettbares Accessibility-Widget, entwickelt mit React, TypeScript und Tailwind CSS. Es bietet umfassende Text- und Lesbarkeitsanpassungen wie Textskalierung, Zeilenhöhe, Zeichen- und Wortabstände, dyslexiefreundliche Schriftarten, einen vergrößerten Mauszeiger, eine Lesemaske, Link-Hervorhebung mit Fokus-Ringen, Reduce-Motion-Einstellungen sowie eine Vorlesefunktion mit Screenreader-Unterstützung.
Zusätzlich stehen Dark Mode und Night Shift, das Ausblenden von Medien mit barrierefreien Platzhaltern, Verbesserungen der Tastaturnavigation und persistente Benutzereinstellungen zur Verfügung. Das Widget-Menü ist in Deutsch, Englisch, Französisch, Spanisch, Italienisch, Niederländisch, Portugiesisch, Polnisch, Türkisch, Russisch, Arabisch, Chinesisch (vereinfacht) und Japanisch verfügbar. Alle Funktionen lassen sich mit einer einzigen Code-Zeile in unter fünf Minuten in jede Webseite integrieren.
area11y verwendet ein abonnementbasiertes Lizenzmodell. Für den produktiven Einsatz ist ein gültiger Lizenzschlüssel erforderlich. Verfügbare Pläne sind Starter (1 Website), Basic (bis zu 5 Websites) und Pro (bis zu 20 Websites), jeweils mit einer 7‑tägigen kostenlosen Testphase.
Zeilenabstand
Erhöht den line-height-Wert, um dicht gepackte Absätze aufzulockern und das Lesen zu erleichtern.
Zeichenabstand
Fügt zusätzliche Letter-spacing ein und schafft mehr Abstand zwischen Zeichen, wodurch Wörter sauber separiert sind.
Dunkelmodus
Schaltet Host-Seiten auf ein dunkles Farbschema mit hellen Texten um, inklusive Formularen und Semantik-Containern.
Night Shift
Warmes Farbschema mit reduzierter Blendung - ideal für lange Sessions am Bildschirm.
Dyslexie-Schrift
Ersetzt sämtliche Fonts durch OpenDyslexic bzw. vertraute Groteskschriften mit klaren Formen.
Lesbare Schrift
Wechselt auf Atkinson Hyperlegible, eine eigens für Lesbarkeit optimierte Schriftart.
Links hervorheben
Kennzeichnet jeden Anker durch Outline, Hintergrundfarbe und Unterstreichung, damit Ziele sofort auffallen.
Bilder und Videos ausblenden
Ersetzt jedes Bild und Video durch ein neutrales Placeholder-Panel, das nur für Screenreader beschriftet ist.
Lesemaske
Hebt eine horizontale Lesezeile hervor und blendet den Rest dezent ab.
Weniger Bewegung
Setzt globale Animations- und Transition-Daürn auf nahezu null, um Motion-Sickness zu minimieren.
Grosser Cursor
Ersetzt den Mauszeiger durch eine kontrastreiche Grossversion, sichtbar auf jeder Oberfläche.
Vorlesen
Aktiviert Text-to-Speech inklusive Announcements, damit Inhalte hörbar ausgegeben werden.
Einstellungen zurücksetzen
Setzt alle aktiven Funktionen zurück und stellt die Standardeinstellungen wieder her.
Gespeicherte Einstellungen
Alle Einstellungen bleiben im Local Storage des Browsers unter dem Namespace area11y:* erhalten, sodass Besucher ihr Setup über Seiten und Besuche hinweg behalten.