Barrierefreiheit

Barrierefreiheit im ODD Theme (ab Version 3.7.0)

Mit der Version 3.7.0 wurde das ODD Theme umfassend im Hinblick auf Barrierefreiheit überarbeitet und auf CSS-Variablen umgestellt.
Um diese Funktionen zu nutzen, ist beim Update von einer älteren Version (< 3.7.0) auf eine neuere Version (≥ 3.7.0) ein manueller Zwischenschritt notwendig.
➡️ Anleitung: Update auf CSS-Variablen

1. Neue barrierefreie Templates (ab Version 3.7.0)

Um redundante Links zu vermeiden (z. B. Bild, Überschrift und Button verlinkt), reicht es, nur den Button zu verlinken.
Das verbessert die Tastaturnavigation für Nutzer.

Für verschiedene Inhaltselemente wie Teaserbox, Contentbox usw. stehen angepasste Templates zur Verfügung.
Diese Templates haben die Endung _bf (für „barrierefrei“).

2. Allgemeine Hinweise zur Barrierefreiheit

Bei der Erstellung von Inhalten solltest du auf folgende Punkte achten:

  • Alternativtexte (Alt-Tags) für Bilder vergeben
  • Aussagekräftige Linktexte verwenden (nicht nur „hier klicken“)
  • Kontraste beachten (Textfarbe/Hintergrundfarbe)
  • Überschriften hierarchisch korrekt einsetzen
  • Tabellen nur für tabellarische Daten verwenden (nicht fürs Layout)
  • Formulare mit Label-Elementen versehen

3. Tools zum Testen der Barrierefreiheit