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