WCAG 2.2 AA
InclusiveWeb-Funktionen
Vollständige Liste der Werkzeuge für Barrierefreiheit, ihre Beschreibung und wem sie helfen.
46
Werkzeuge und Profile
6
Kategorien
8
Schnittstellen-Sprachen
Barrierefreiheits-Profile
88 vorgefertigte Profile — ein Klick aktiviert eine auf einen Bedarf abgestimmte Einstellungs-Sammlung.
| Funktion | Beschreibung |
|---|---|
| Sehschwäche | Vergrößert die Schrift um 40 %, hoher Kontrast, großer Cursor, hervorgehobene Überschriften. |
| Legasthenie | Lexend-Deca-Schrift, vergrößerte Zeilen- und Buchstabenabstände, Lesemaske. |
| Farbenblindheit | Farbfilter für Farbsehschwächen (Protanopie / Deuteranopie / Tritanopie). Nach Aktivierung erscheint eine Typenauswahl. |
| ADHS | Stoppt alle Animationen, reduzierte Farbsättigung, gut lesbare Schrift, Lesemaske. |
| Epilepsie | Vollständiger Animationsstopp, Monochrom-Modus, reduzierte Sättigung, gedämpfte Bilder. |
| Kognitive Einschränkungen | Gut lesbare Schrift, Lesemaske, Animationen stoppen, gedämpfte Bilder. |
| Motorik | Großer Cursor, starke Fokus-Hervorhebung, Hervorhebung interaktiver und überfahrener Elemente. |
| Seniorinnen und Senioren | Größere Schrift und Abstände, großer Cursor, hoher Kontrast, Hover-Hervorhebung. |
Schrift und Lesen
1212 Werkzeuge für komfortables Lesen, Schrifteinstellungen und Sprachausgabe.
| Funktion | Beschreibung |
|---|---|
| Seitenzoom | Gesamte Seite vergrößern oder verkleinern (50–300 %). |
| Schriftgröße | Textgröße unabhängig vom Seitenzoom anpassen (50–250 %). |
| Buchstabenabstand | Vergrößert den Abstand zwischen Buchstaben (100–250 %). |
| Wortabstand | Vergrößert den Abstand zwischen Wörtern (100–250 %). |
| Zeilenabstand | Vergrößert den Abstand zwischen Zeilen für besseres Lesen. |
| Absatzabstand | Vergrößert den Abstand zwischen Absätzen zur visuellen Trennung. |
| Schrift für Legasthenie | Lexend Deca — größere Buchstabenabstände, validiert von Stanford / Microsoft. Empfohlen von der British Dyslexia Association. |
| Bionisches Lesen | Hebt die ersten Buchstaben von Wörtern fett hervor — hilft dem Auge, schneller durch den Text zu wandern. |
| Überschriften hervorheben | Hebt alle H1–H6-Überschriften mit gelbem Marker für bessere Navigation hervor. |
| Links hervorheben | Fügt allen Links blauen Hintergrund und Unterstreichung hinzu. |
| Textausrichtung | Textausrichtung ändern: links, zentriert, rechts. |
| Sprachausgabe (TTS) | Separater EIN/AUS-Schalter + Geschwindigkeitsregler (1×/1.5×/2×). Element anklicken zum Vorlesen, ↑↓ zum Navigieren, Alt+T zum Durchschalten. |
Visuelle Einstellungen
44 Kontrastmodi und Farbfilter.
| Funktion | Beschreibung |
|---|---|
| Dunkler Kontrast | Invertiert die Farben — heller Text auf dunklem Hintergrund. |
| Hoher Kontrast | Maximale Klarheit von Text und Elementen. |
| Monochrom | Entfernt alle Farben, lässt nur Graustufen. |
| Farbüberlagerung | 6 pastellfarbige Überlagerungen (Rosa, Blau, Gelb, Grün, Pfirsich, Lavendel) — kontrastsichere 15 % Deckkraft. |
Sehkomfort
1010 Werkzeuge zur Reduzierung von Ablenkungen, Fokussteuerung und zum Stoppen von Animationen.
| Funktion | Beschreibung |
|---|---|
| Lesemaske | Verdunkelt den Bildschirm um die Lesezeile. 3 Breiten: schmal, mittel, breit. |
| Leselineal | Horizontale Linie, die der Maus folgt — hilft, die aktuelle Zeile zu verfolgen. |
| Fokus-Hervorhebung | Verstärkter Fokus-Rahmen bei Tab-Navigation. 3 Stufen: leicht, mittel, stark. |
| Elemente hervorheben | Zeigt gestrichelte Rahmen um Schaltflächen, Links und andere interaktive Elemente. |
| Hover-Hervorhebung | Hebt Element beim Überfahren mit der Maus durch Rahmen und Hintergrund hervor. |
| Animationen stoppen | Stoppt alle Bewegungen, Übergänge und Animationen auf der Seite. |
| Bilder ausblenden | Dämpft Fotos und Videos. 3 Stufen: gedämpft, schwach, versteckt. |
| Töne stummschalten | Schaltet alle Videos und Audios auf der Seite stumm. |
| Großer Cursor | Vergrößerter weißer Cursor mit schwarzer Kontur — auf jedem Hintergrund gut sichtbar. |
| Auto-Scrollen | Seite scrollt automatisch mit einstellbarer Geschwindigkeit. |
Werkzeuge und Navigation
55 Werkzeuge für alternative Navigation und Vergrößerung.
| Funktion | Beschreibung |
|---|---|
| Bildschirmtastatur | Vollständige Tastatur-Überlagerung für Texteingabe ohne physische Tastatur. |
| Bildschirmlupe | Vergrößert den Bereich unter dem Mauszeiger. |
| Überschriften-Navigation | Liste aller H1–H6-Überschriften der Seite mit Sprungfunktion. |
| Link-Navigation | Liste aller Links der Seite mit Sprungfunktion. |
| Landmark-Navigation | Liste der ARIA-Regionen: Kopfzeile, Navigation, Hauptinhalt, Fußzeile. |
Panel-Verwaltung
77 Bedienelemente für das Panel selbst: Sprache, Zurücksetzen, Verbergen, Feedback, Erklärung zur Barrierefreiheit.
| Funktion | Beschreibung |
|---|---|
| Sprachauswahl | Panel-Oberfläche in 8 Sprachen: Ukrainisch, Englisch, Deutsch, Spanisch, Französisch, Italienisch, Polnisch, Russisch. |
| Auswahl der Farbenblindheit | Protan / Deutan / Tritan-Pill-Selector unter dem Profil "Farbenblindheit" nach Aktivierung. |
| Alles zurücksetzen | Setzt alle aktiven Einstellungen und Profile mit einem Klick zurück. Zeigt die Anzahl aktiver Optionen. |
| Widget ausblenden | Blendet die FAB-Schaltfläche des Widgets aus. 3 Optionen: diese Sitzung, 1 Stunde, 24 Stunden. |
| Erweitertes Panel | XL-Modus des Panels mit größerer Schrift, Abständen und Bedienelementen. |
| Feedback-Formular | Formular zum Melden von Barrierefreiheitsproblemen — wird an den Betreiber weitergeleitet. |
| Erklärung zur Barrierefreiheit | Konformitätsdetails zu WCAG 2.2 AA, EN 301 549, getestete Screenreader, Technologien, Kontakte. |
Tastenkombinationen
| Tastenkombination | Aktion |
|---|---|
| Alt + A | Accessibility-Panel öffnen / schließen |
| Tab | Zwischen Panel-Elementen navigieren |
| Escape | Panel schließen |
| Alt + T | Sprachausgabe durchschalten: aus → 1× → 1.5× → 2× → aus |
Aktualisiert: Mai 2026