Barrierefreie Webseite: Memmingen
Herausforderung und Wunsch
Von bestehendem Webauftritt zu barrierefreier Nutzererfahrung
Aufgrund gesetzlich verbindlicher Anforderungen an die digitale Barrierefreiheit, wie
- barrierefreie Texte, Bilder, Videos und interaktive Inhalte,
- einfache Navigation: einheitliche, logische Menüführung und Tastatur-Bedienbarkeit,
- Kontraste und Lesbarkeit: Mindestkontrast sowie ausreichend große Schriftarten und
- Medien- und Audiodeskription,
wurde die bestehende Webseite von Tourismus Memmingen weiterentwickelt. Die Herausforderung bestand darin, die umfangreichen Inhalte, Funktionen und die bereits von uns gestaltete Struktur barrierefrei umzusetzen und zugleich die Nutzerführung an ausgewählten Stellen zu optimieren.
Wichtig dabei war, attraktive Gestaltungselemente zu berücksichtigen, sodass die Seite für alle Nutzergruppen sowohl zugänglich als auch visuell ansprechend bleibt.
Ziel war es, eine Lösung zu schaffen, die den rechtlichen Vorgaben entspricht und dabei eine klare, intuitive Nutzung für alle Zielgruppen ermöglicht. Gleichzeitig galt es, die Markenidentität beizubehalten, zu pushen und auf diese Weise allen Usern zugänglich zu machen.
Vorgehensweise und Strategie
Von bestehender Website zu barrierefreier Nutzerführung
Wir begleiteten das Projekt von Tourismus Memmingen strategisch und analysierten die bestehende Webseite im Hinblick auf digitale Barrierefreiheit und Nutzerführung. Im Zuge unseres Audits identifizierten wir technische, inhaltliche und visuelle Handlungsfelder und sprachen dem Kunden eine Empfehlung aus, in welcher Reihenfolge diese erfolgen sollten.
Darauf aufbauend setzten wir die barrierefreie Weiterentwicklung der Webseite um, optimierten Inhalte, Struktur, Typografie und Interaktionselemente und stellten eine vollständige Bedienbarkeit per Tastatur sicher. Weitere navigatorische Hürden bauten wir ab, indem wir zum Beispiel die nicht barrierefreie Funktion „Hover“ entfernten, Sprungmarken ergänzten und die Seite voll skalier- und zoombar machten.
Dabei waren wir Dreh- und Angelpunkt zwischen dem Kunden, unserem Hüter der Marke, und dem technischen Umsetzer.
Das Ergebnis des Teamworks: eine barrierefreie Website, die den gesetzlichen Vorgaben entspricht und gleichzeitig eine klare Nutzerführung, hohe Nutzerfreundlichkeit sowie die bestehende Markenidentität verlängert. Mehr Details zu unserer Herangehensweise findest du im nächsten Abschnitt.
Konzept und Lösung
Barrierefreies Webdesign: Wahrnehmbarkeit, Struktur und Verständlichkeit für alle
Wie gingen wir beim Entwickeln des barrierefreien Webdesigns vor? Wir optimierten die Website von Tourismus Memmingen gezielt im Hinblick auf digitale, visuelle und inhaltliche Barrierefreiheit.
Zunächst kümmerten wir uns um die Barrierefreiheit im Design. Damit Menschen mit unterschiedlichem Sehvermögen die Seiteninhalte lesen können, passten wir die Farbkontraste gemäß den geltenden Barrierefreiheits- und Kontrastanforderungen an. Dabei vermieden wir es beispielsweise, Texte auf stark transparenten Flächen zu platzieren und erhöhten den Kontrast zwischen Rot und Weiß.
Zudem wählten wir eine Schrift, die mit breiteren Zeichenformen und klareren Buchstabenabständen die Unterscheidung der Zeichen erleichtert. On top wurden Schriftgrößen vereinheitlicht, angepasst und auf wenige definierte Typografiestufen reduziert, um eine durchgehende und gut erfassbare Typohierarchie zu schaffen.
Darüber hinaus setzten wir auf eine semantisch klare Text- und Inhaltsstruktur, die die Nutzbarkeit der barrierefreien Website mit Screenreadern unterstützt und eine logische Erfassung der Inhalte ermöglicht. Dazu gehörte die Einbindung von ALT-Texten und Untertiteln sowie die Beschriftung von Links und Buttons. Außerdem vermieden wir die zentrierte Textausrichtung, um die Lesbarkeit zu unterstützen.
In diesem Zuge vereinfachten wir auch das Wording, lektorierten es und passten es an die Zielgruppe an. Überlange Textpassagen wurden dabei gezielt gekürzt und strukturell optimiert, um die kognitive Zugänglichkeit und Verständlichkeit der Website für alle Nutzergruppen weiter zu erhöhen.
Und unser Mehrwert lässt sich auch in Zahlen ausdrücken: Gestartet sind wir beim Website-Analysetool Lighthouse mit einem Accessibility-Score von 65. Nach dem GoLive der überarbeiteten Seite erzielten wir einen Top-Score von 100 – das ist nicht zu übertreffen!
Du hast noch keine barrierefreie Website und suchst dafür eine Agentur? Komm auf uns zu – wir kümmern uns gerne darum!
Dieser Text wurde mit Unterstützung von KI erstellt.
