Barrierefreie Widgets

Damit Ihre Website von allen Menschen problemlos genutzt werden kann, haben wir unsere Widgets entsprechend überarbeitet.

Was bedeutet das für Sie?

Ihre Formulare, Terminvereinbarungen und anderen Widgets sind so gestaltet, dass sie für alle Besucher:innen – auch Menschen mit Einschränkungen – gut zugänglich sind.

Welche Maßnahmen haben wir getroffen?

Korrekte Auszeichnung von Formularfeldern im Code

Alle Eingabefelder sind jetzt auf technischer Seite eindeutig beschriftet. Das bedeutet:

  • Screenreader können die Felder zuverlässig vorlesen.
  • Nutzer:innen erkennen sofort, welches Feld wofür gedacht ist.

Barrierefreie Auswahlfelder

Auswahlfelder haben im Code nun immer einen klaren Namen. 
Damit ist sichergestellt, dass auch diese Felder von Hilfstechnologien erkannt und richtig vorgelesen werden.

Farben mit ausreichendem Kontrast

Texte, Links und andere Elemente erfüllen jetzt den Mindestkontrast von 4,5:1. Das sorgt dafür, dass Inhalte auch bei Sehschwächen gut erkennbar sind. 
Details dazu hier.

Bedienung mit der Tastatur

Alle Widgets lassen sich vollständig mit der Tastatur steuern:

  • Tab / Shift+Tab: Vor- und zurückspringen zwischen den Feldern
  • Enter / Leertaste: Buttons und Links aktivieren
  • Pfeiltasten: Navigation in Menüs oder Auswahllisten
    Außerdem ist immer klar sichtbar, welches Feld gerade ausgewählt ist.

Ihr Vorteil

Sie können unsere Widgets direkt nutzen, ohne selbst technische Anpassungen vornehmen zu müssen. Ihre Website (sofern die Website selbst bearrierfrei ist!) erfüllt auch mit den Widgets die gesetzlichen Anforderungen – und wird gleichzeitig noch benutzerfreundlicher für alle Besucher:innen. Das wirkt sich positiv auf die Conversion-rate aus.

War dieser Artikel hilfreich?