Barrierefreiheit

Barrierefreiheit

Das DPSG Stamm Theme ist auf Barrierefreiheit (Accessibility, a11y) ausgelegt und baut auf den Accessibility-Grundlagen von Twenty Twenty-Four auf.

✅ Was das Theme bereits abdeckt

• Semantisches HTML5 durch die Block-Theme-Struktur von WordPress
• Sichtbarer Fokus-Indikator für Tastatur-Navigation
• Ausreichende Farbkontraste in den mitgelieferten Farbpaletten (DPSG-Farben wurden hierauf geprüft)
• Skalierbare Schrift – Roboto wird in relativen Einheiten ausgeliefert
• Sprung-Links zum Hauptinhalt
• ARIA-Landmarks über die Standard-Block-Templates (Header, Main, Footer, Navigation)

📝 Was Redakteur*innen beachten sollten

Alt-Texte für Bilder

Jedes inhaltlich relevante Bild braucht einen Alt-Text, der das Bild beschreibt. Dekorative Bilder bekommen einen leeren Alt-Text (alt="").

Sinnvolle Überschriftenstruktur

• Pro Seite eine H1 (meist der Seitentitel)
• H2, H3, … hierarchisch und ohne Ebenen zu überspringen
• Keine Überschriften nur wegen der Optik – dafür Styles nutzen

Sprechende Linktexte

• ✅ „Anmeldeformular für das Sommerlager 2026 herunterladen"
• ❌ „[hier klicken]"

Videos und Audios

• Untertitel für Videos bereitstellen
• Transkripte für längere Audio-Inhalte

Sprache der Seite

Unter Einstellungen → Allgemein die Seiten-Sprache korrekt auf Deutsch stellen – Screenreader nutzen diese Information.

🧪 Testen

Empfohlene kostenlose Tools:

• WAVE Browser Extension – findet häufige a11y-Probleme direkt im Browser
• axe DevTools – Chrome/Firefox-Erweiterung
• Tastatur-Test: komplette Website nur mit Tab, Shift+Tab, Enter und Pfeiltasten bedienen

🇩🇪 Gesetzliche Lage

Für Vereinswebsites besteht in Deutschland (noch) keine generelle Pflicht zur Barrierefreiheit nach BFSG/EAA – DPSG-Stämme sollten aber freiwillig dem Inklusionsgedanken folgen. Für öffentlich geförderte Träger oder ab gewisser Größe kann das Barrierefreiheitsstärkungsgesetz (BFSG) ab 28.06.2025 greifen.