Barrierefreiheit¶
Voraussetzung
Modul Accessibility muss unter Theme → Module aktiv sein.
Wozu¶
Drei Dinge in einem Modul:
| Was | Wofür |
|---|---|
| Sprungmarken | Links am Seitenanfang, die zu Inhalt und Navigation springen — für Tastatur und Screenreader |
| Bedienhilfen-Widget | Ein Modal, in dem Besucher Kontrast und Schriftgröße anpassen und durch die Seite navigieren können |
| Barrierefreiheitserklärung | Felder für die gesetzlich geforderte Erklärung |
Geöffnet wird das Widget über den Block Barrierefreiheits-Trigger.
Einstellungen¶
Unter Theme → Einstellungen → Barrierefreiheit, hinter einem Hauptschalter Barrierefreiheits-Modul aktivieren, in mehreren Abschnitten:
| Abschnitt | Inhalt |
|---|---|
| Sprungziele | Skip-Links an- oder abschalten, welche Ziele erscheinen, die IDs von Hauptmenü, Suche und Footer-Menü, zusätzliche Sprunglinks |
| Eigene Labels | eigene Beschriftungen für Inhalt, Hauptnavigation, Suche, Footer und Kontaktformular |
| Informationsseiten | Barrierefreiheitserklärung, Report und Leichte Sprache, dazu das Datum der letzten Prüfung und eine Erinnerung per E-Mail |
| Standardtexte Barrierefreiheitserklärung | Konformitätsstatus, WCAG-Version, Bewertungsmethode, Feedback-Adresse und die freien Textabschnitte |
| Barrierefreiheits-Widget | Hauptschalter für das Modal |
| Trigger | wie das Modal geöffnet wird: Header-Button, Menüpunkt oder schwebendes Badge, samt Position und Icon |
| Anzeige-Einstellungen | welche Hilfen im Modal angeboten werden |
Was das Widget anbietet¶
Jede Hilfe lässt sich einzeln abschalten: Schriftgröße, leserliche Schrift, hoher Kontrast, Links unterstreichen, Bewegung reduzieren, Zeilenabstand, Blaufilter, Bilder ausblenden und Cursor-Größe.
Zwei Felder verdienen Beachtung. Kontrast-Verstärkung steuert, wie stark der Kontrastmodus eingreift; im Standard bleiben Markenfarben unverändert, solange niemand den Modus einschaltet. Zusätzliche Kontrast-Selektoren nimmt CSS-Selektoren auf — eine Zeile je Selektor —, damit auch Widgets von Drittanbietern im Kontrastmodus mitgehen.
Die Sprungziele¶
Verwenden¶
Die Erklärung wird als Shortcode ausgegeben, ganz oder in Abschnitten:
Das Modul macht eine Seite nicht barrierefrei
Es liefert Hilfsmittel. Barrierefreiheit entsteht aus der Seitenstruktur: sinnvolle Überschriftenhierarchie, Alternativtexte, ausreichende Kontraste, bedienbare Formulare.
Für das Megamenü sind bestimmte Interaktionen verbindlich — Tastaturbedienung, Escape, Fokusverwaltung. Siehe Navigation.
Entwicklertipps¶
twtheme_skip_links() gibt die Sprungmarken aus, der Filter
twtheme_skip_links passt sie an.
Im Theme-Repository liegt unter docs/A11Y-AUDIT-CHECKLIST.md eine
Prüfliste für Entwickler.