Für den Blinden- und Sehbehindertenverband Schleswig-Holstein eine neue Website zu gestalten, hieß: Die Menschen, die am genauesten beurteilen, ob sie funktioniert, sehen den Bildschirm nie. Genau das hat dieses Projekt zu einem der lehrreichsten gemacht, die ich begleiten durfte.
Designing a new website for the Blind and Visually Impaired Association of Schleswig-Holstein meant one thing: the people best placed to judge whether it works never see the screen. That is exactly what made this one of the most instructive projects I have ever been part of.
Ausgangslage
Where things stood
Die alte Seite des Verbands war in die Jahre gekommen, optisch wie technisch. Sie brauchte einen Neuanfang, der nicht nur frischer aussieht, sondern für die eigene Zielgruppe wirklich bedienbar ist. Und diese Zielgruppe stellt die höchsten Ansprüche, die man an Barrierefreiheit überhaupt stellen kann: Menschen, die blind sind oder wenig sehen und ihre Website täglich mit Screenreader und Tastatur erleben.
The association's old site had aged, in looks as much as under the hood. It needed a fresh start, one that not only felt more current but was genuinely usable for the very people it is meant for. And those people set the highest bar you can possibly set for accessibility: people who are blind or have low vision and experience their website every day through a screen reader and keyboard.
Es geht nicht nur um Technik und Design
It's not only about tech and design
Das eigentlich Spannende an diesem Projekt lag gar nicht im Code, es lag in der Zusammenarbeit. Wie zeige ich einen Entwurf jemandem, der ihn nicht sehen kann? Wie halte ich ein Video-Meeting, in dem die eine Seite das Layout nur hört und die andere es sieht? Wie beschreibe ich Gestaltung in Worten, die wirklich tragen? Für all das haben wir eigene Wege gefunden, mit viel Geduld, klaren Beschreibungen und der Bereitschaft, ehrlich zu sagen, was geht und was (noch) nicht.
The really exciting part of this project wasn't in the code at all, it was in the working together. How do you show a design to someone who can't see it? How do you run a video meeting where one side only hears the layout and the other sees it? How do you describe design in words that genuinely hold up? We found our own ways through all of it, with a lot of patience, clear descriptions and the willingness to say honestly what works and what doesn't (yet).
Der eigentliche Auftrag
The real job
Unter der Oberfläche steckte echte Feinarbeit. Navigation und Suche habe ich so überarbeitet, dass Screenreader sie zuverlässig vorlesen und in einer sinnvollen Reihenfolge durchlaufen. Eine Apple-Aktualisierung, die unterwegs für Ärger sorgte, haben wir abgefangen. Und im Hintergrund arbeiten kleine, aber wirksame Helfer, etwa die Möglichkeit, Seitenvorlagen zu duplizieren, ohne jedes Mal die komplette Navigation mitzuschleppen, sowie eine durchgängig erreichbare Menüführung. Bei der Programmierung stand mir Anne K. Frey zur Seite.
Under the surface there was real detail work. I reworked the navigation and search so that screen readers read them out reliably and move through them in a sensible order. An Apple update that caused trouble along the way, we caught and dealt with. And behind the scenes there are small but effective helpers at work, like the option to duplicate page templates without dragging the entire navigation along every time, plus a menu you can always reach. On the coding side, Anne K. Frey was right there alongside me.
Fazit
The takeaway
Entstanden ist eine Website, die niemanden ausschließt, und die von genau den Menschen geprüft wurde, die es am besten können. Barrierefreiheit war hier kein Häkchen am Ende, sondern der ganze Punkt. Sie ist live:
What came out of it is a website that shuts no one out, and one that was tested by exactly the people best placed to do it. Accessibility here wasn't a box to tick at the end, it was the whole point. It's live: