Neustart auf dem Trail: Barrierefreier Website-Relaunch für WeRun4Fun
Für den Trailrunning-Verein WeRun4Fun haben wir eine gehackte und kaum noch auffindbare Vereinswebsite komplett neu aufgebaut. Finanziert wurde der Relaunch über eine Förderung der Aktion Mensch für digitale Barrierefreiheit – die neue Seite erfüllt entsprechend die Web Content Accessibility Guidelines (WCAG) 2.2 in der Stufe AA. Herausgekommen ist eine moderne, barrierefreie Website, die der Verein größtenteils selbst pflegt, die bei Google wieder gefunden wird – und die erneut Sponsoren anzieht.
Die Seite in Bewegung
Filterbarer Eventkalender aus mehreren Google-Kalendern
Bildschirmaufnahme0:10 · ohne Ton
-
01
Die Ausgangssituation
2018 hatte einer der Vereinsgründer die Website von WeRun4Fun in Eigenregie gebaut. Eine Zeit lang funktionierte das gut. Dann wurde die Seite gehackt. Sie ließ sich zwar bereinigen, aber nur teilweise wiederherstellen: Ganze Unterseiten fehlten, vor allem aber viele Bilder – für einen Trailrunning-Verein, der von starken Fotos aus Wald und Bergen lebt, ein echtes Problem. Die lange Downtime, tote Links und technische Fehler drückten zusätzlich die Auffindbarkeit bei Google in den Keller.
Dabei sollte die Website eigentlich genau das Gegenteil leisten: neue Mitglieder, Partner und Sponsoren gewinnen. Viele Läuferinnen und Läufer von WeRun4Fun sind in der Trailrunning-Szene bestens bekannt, werden regelmäßig zu Wettkämpfen eingeladen und laufen im auffälligen Vereinstrikot oft ganz vorne mit. Mit einer veralteten, kaum auffindbaren und sichtbar „kaputten“ Website ließen sich daraus aber keine Sponsoren gewinnen – im Gegenteil.
-
02
Besondere Anforderungen
Barrierefreiheit nach WCAG 2.2 AA
Finanziert wurde der Website-Neubau über eine Förderung der Aktion Mensch für barrierefreie Webseiten. Das bedeutete: Die neue Seite musste die Vorgaben der Web Content Accessibility Guidelines 2.2 in der Konformitätsstufe AA erfüllen – von ausreichenden Farbkontrasten über vollständige Tastaturbedienbarkeit bis zu sauber ausgezeichneten Inhalten für Screenreader.
Das ließ sich nicht einfach über die bestehende Optik stülpen. Am Corporate Design des Vereins waren gezielte Anpassungen nötig, damit Kontraste und Lesbarkeit den Richtlinien entsprachen, ohne den Wiedererkennungswert zu verlieren. Auch in der Programmierung brauchte es einige Kniffe, damit Struktur, Semantik und Bedienbarkeit der Seite den Anforderungen an digitale Barrierefreiheit standhalten. -
03
Die Umsetzung
Statt die alte, geflickte Seite weiter zu reparieren, haben wir die Website von WeRun4Fun komplett neu aufgebaut: Fehlende Unterseiten und Bilder wurden ergänzt, tote Links und technische Altlasten entfernt. Auf dieser sauberen technischen Basis ließ sich auch die Auffindbarkeit in Suchmaschinen wiederherstellen.
Gleichzeitig entstand ein Design, das die bestehende CI des Vereins respektiert, aber die WCAG-2.2-AA-Vorgaben erfüllt – barrierefrei, ohne generisch zu wirken. Bei der Programmierung stand von Anfang an im Fokus, dass die Vereinsmitglieder die Inhalte später selbst pflegen können, ohne für jede Änderung auf externe Hilfe angewiesen zu sein. -
04
Das Ergebnis
Die neue Website von WeRun4Fun ist barrierefrei, modern und gut auffindbar – und repräsentiert den Verein wieder so, wie er tatsächlich unterwegs ist: sportlich, sichtbar, professionell. Die technische Wartung liegt bei mir, die Inhalte pflegen die Vereinsmitglieder eigenständig.
Und: Es interessieren sich wieder mehr Sponsoren für einen Backlink von der Seite – ein sichtbares Zeichen dafür, dass eine funktionierende, barrierefreie Vereinswebsite nicht nur ein Nice-to-have ist, sondern direkt zum Vereinserfolg beiträgt.
„Juli, ist sehr kompetent, arbeitet sehr schnell und zuverlässig. Sie hat unsere Homepage umgezogen, neu gestaltet und es macht sehr viel Spaß mit ihr zusammen zu arbeiten.
Herzlichen Dank 🤩🙏“