Das Design- und Development-Team von Ergosign arbeitet jeweils eng mit dem Yippie-Web-Team zusammen: agil, interdisziplinär und kollaborativ – mit echten Nutzenden im Fokus und Barrierefreiheit als integralem Bestandteil des Entwicklungsprozesses. Gemeinsam haben wir das Design System von Grund auf zugänglich aufgebaut.
Design System von Grund auf barrierefrei
Dabei wurden Farben, Kontraste, semantische Struktur, Hover States, Tab-Reihenfolge etc. genau definiert. In der Umsetzung bedeutete das zum Beispiel die Priorisierung klarer, einfarbiger interaktiver Elemente. Um einen idealen Kontrast zu garantieren, werden Gradients reduziert und nur im Hintergrund eingesetzt.
Formulare & Navigation ohne Barrieren
Die barrierefreie Navigation der Webseite und der Bestellformulare ist dank durchdachter Tastatursteuerung, Fokus-Handling und präzisen ARIA-Labels einfach möglich. Hierarchien (H1, H2 etc.) sind visuell ansprechend, unabhängig von ihrer Darstellung semantisch stimmig und strukturiert und somit technisch korrekt erfassbar.
Vor allem der Umgang mit Fehlermeldungen in Formularen und deren barrierefreie Umsetzung kann knifflig sein. In unserem Fall hat ein Sparring mit einer blinden Person offene Fragen beim Design-Team beantwortet und zur optimalen Umsetzung geführt.
User Testing mit echten Erfahrungen
Nur, wenn wir die Erfahrungen echter Menschen einbeziehen, wird Barrierefreiheit lebendig. Deshalb war Usability Testing ein zentraler Bestandteil des Projekts mit Yippie. Das direkte Feedback von Menschen mit unterschiedlichen Einschränkungen – etwa einer blinden Nutzerin, die den Bestellprozess mit Screen Reader getestet hat – ist unersetzlich. Diese Insights haben uns ermöglicht, kritische Stolpersteine frühzeitig zu identifizieren und passgenaue Lösungen umzusetzen. Das Ergebnis: eine Plattform, die im Alltag für alle Kund:innen wirklich funktioniert.