Zurück zur Übersicht

Gestaltung des Internetauftritts der Offenen Hilfen Heilbronn – 2021

Übersichtlich, umfangreich, barrierefrei

studio baur konzipiert zusammen mit der pixelfirma und den Offenen Hilfen Heilbronn die Internetseite für die Offenen Hilfen Heilbronn und gestaltet sie entsprechend den Anforderungen für barrierefreie Webseiten. Barrierefreie Webseiten machen das Internet für alle erlebbar und nutzbar.

Erster Step: Logo-Optimierung hinsichtlich Lesbarkeit. Zweiter Step: Ein ruhiges und positives Farbklima schaffen, abgeleitet von der Logo-Farbe, welches nicht vom Inhalt ablenkt und sich nicht aufdrängt. Als nächstes wurde eine Schrift, entsprechend der Vorgaben für barrierefreie Gestaltung gewählt und zudem mit zwei Schriftschnitten eine übersichtliche und leicht erfassbare Inhaltsstruktur aufgebaut. Für einen leichteren Inhaltszugang/Content-Zugang haben wir einheitliche Icons entworfen und umgesetzt. Diese lockern zudem den ruhigen Seitenaufbau auf. Weitere Infos zur Barrierefreiheit einfach runterscrollen!

Logo-Optimierung

Icons und Hover-Effekte

Icons für Reisebedingungen

Gliederung der Reisen nach Zeitraum und Ort

Reisebeschreibung

Menü und optionale Kontrastverstärkung für die Barrierefreiheit

Stichpunkte für das Gestalten barrierefreier Webseiten/Internetseiten

Inklusion für mehr gesellschaftliche Teilhabe

  • gut lesbare Groteskschriften (keine Sereifenschriften)
  • Schriften mit „offenen“ Buchstaben
  • ausreichend Buchstabenabstand und Zeilenabstand
  • maximal 2 Schriftarten wählen
  • linksbündige Textausrichtung (kein Blocksatz oder Mittelsatz)
  • optimal lesbare Schriftgrößen verwenden
  • Piktogramme und Symbole unterstützen den Inhalt
  • auf Gestaltung mit hohem Kontrast achten (Bilder und Text)
  • BITV und WCAG sind Standards für Barrierefreiheit im Internet
  • Text sollte logisch und gut verständlich sein
  • Inhalte sollen per Tastatur bedienbar sein
  • Bilder können/müssen einen beschreibenden Text haben
  • leichte Sprache als Zusatz (Übersetzung)
  • Videos mit Gebärdensprache
  • integrierte Vorlesefunktion
Pfeil nach oben