© Chiemsee-Alpenland Tourismus

Reisen für Alle in Oberbayern

Echt Kommunikativ

Reisen für Alle
in Oberbayern

Um www.oberbayern.de zugänglicher für Alle zu machen, hat der TOM e.V einige Optimierungen zur digitalen Barriefreiheit vorgenommen.

Hier finden Sie einen Überblick über die Entwicklungen:

  • www.oberbayern.de Im Header ist ein Icon dazugekommen, um die Schriftgröße der Website anzupassen. Nacheinander sind drei Stufen wählbar, danach landet man wieder bei der Ausgangsgröße. Bald kommt ein zweites Icon dazu, über das man zu einer Landingpage mit „leichter Sprache“ wechseln kann.
  • www.oberbayern.de/gut-zu-wissen/barrierefrei/ Dies stellt die eigene Landingpage zum Thema „Reisen für Alle“ dar. Folgende Optimierungen wurden auf der Landingpage vorgenommen:
    • Der Header sitzt im weißen Bereich über dem Intro-Bild für einen besseren Kontrast
    • Die Boxen zur Verlinkung auf externe Seiten (wie etwa die Regionen-Angebote) sind so umgestaltet, dass Titel und Link-Text unter dem Bild sitzen
    • Gleiches gilt für Boxen zur Auflistung von Blog-Beiträgen (Posts)
    • Die Bilder werden als Galerie mit Kacheln eingebunden, nicht über Galerie-Slider
    • Außerdem ist die Schriftgröße generell eine Stufe höher gesetzt im Standard. Diese kann durch das Schriftarten-Icon im Header dann weiter vergrößert werden.

Außerdem wurde im Code für www.oberbayern.de die folgenden Optimierungen vorgenommen, um die Nutzung der Seite für Menschen mit Beeinträchtigungen zu verbessern, u.a.:

  • Zentrale (Interaktions-)Elemente für den Screenreader wurden hervorgehoben (Links im Menü, Navigation und Suche)
  • Schwer erfassbare Elemente wurden exklusiv für den Screenreader ausgeblendet (Interaktive Karte Oberbayern, diverse Element, die nur bei Klick oder Hover angezeigt werden)
  • Die Navigation wurden mobil optimiert, damit alles über den Screenreader erreichbar ist
  • Die Nutzung von Slidern / Carousels in den Screenreadern wurde optimiert
  • Für bestimmte Elemente wurde tabindex optimiert, damit man besser per Tabuator durch die Seite navigieren kann
  • Allgemein optimierte Darstellung für ein Zoom-Level bis 150%

Die Änderungen haben unter anderem zur Folge, dass sich der Score zur Barrierefreiheit in den Google PageSpeed Insights von 87% auf 96% erhöht hat.

Die Umsetzungen hat die Agentur Netzkollektiv GmbH für den TOM e.V. umgesetzt.

veröffentlicht am