Modernisierung und Barrierefreiheit für den SC 08 Reilingen e.V.
Projektart
Das Projekt umfasste die vollständige Modernisierung der Website des SC 08 Reilingen e.V. Ziel war es, eine neu strukturierte, zugänglichere und zeitgemäße Webpräsenz zu schaffen, die Mitglieder, Besucher und Interessierte zuverlässig erreicht.
Tools
WordPress, Elementor, Accessibility Testing
Zeitraum
09.2025
Inhaltsverzeichnis
„Der Prozess der Mordernisierung und Umstrukturierung unserer neuen Vereinsseite mit Wordpress/ Elementor hat reibungslos funktioniert und die Kommunikation war auch sehr gut."
Salvatore I.
SC Reilingen e.V.
Welche Probleme lagen vor Beginn der Zusammenarbeit vor?
Wenig Zugänglich
Die Website wies zudem einige Barrierefreiheitsmängel auf. Farbkontraste waren unzureichend, helles Grün auf Weiß machte Texte und Buttons schwer lesbar.
Alternativtexte bei relevanten Bildern fehlten und Skip-Links für Screenreader Nutzer existierten nicht.
Alternativtexte bei relevanten Bildern fehlten und Skip-Links für Screenreader Nutzer existierten nicht.
Veraltetes Design und unklare Struktur
Das Design wirkte veraltet, standardisiert und unübersichtlich. Texte auf Buttons und wichtigen Stellen hatten zu geringe Kontraste, was die Lesbarkeit erheblich einschränkte. Die Seitenstruktur folgte keiner klaren, vorhersehbaren Linie. Besucher fanden sich schwer zurecht und die Navigation erschwerte die Orientierung zusätzlich.
Technische Defizite
Skip-Links fehlten, wodurch Screenreader-Nutzer die Navigation nicht überspringen konnten.
Kontaktformular und Suchfunktion fehlten komplett. Kontaktdaten waren ungünstig platziert und weder logisch auffindbar noch barrierefrei erreichbar.
Kontaktformular und Suchfunktion fehlten komplett. Kontaktdaten waren ungünstig platziert und weder logisch auffindbar noch barrierefrei erreichbar.
Welche Strategien/ Tools/ Techniken wurden eingesetzt, um diese Probleme zu lösen?
Barrierefreiheit
Alle Farbkontraste wurden korrigiert, helles Grün vermieden und Schriftfarben auf dunkelgrau bis schwarz gesetzt. Skip Links und Alternativtexte wurden ergänzt, semantische HTML-Elemente implementiert und die Tastaturbedienbarkeit verbessert. Die Seite wurde mit Screenreader Tests geprüft, ein Barrierefreiheitsoverlay ergänzt und weiche Animationen eingesetzt, um schnelle Bewegungen zu vermeiden.
Nutzerführung und Informationsarchitektur
Ein prominenter „Probetraining vereinbaren" Button wurde oben platziert, gefolgt von einer klar strukturierten News-Sektion. Eine Suchfunktion erleichtert die Orientierung zusätzlich. Der Footer wurde bewusst schlank gehalten – nur die wichtigsten Quicklinks, nichts Überflüssiges.
Design und Content
Die Website erhielt ein frisches, modernes Design mit neuem Titelbild und einheitlichem visuellen Aufbau. Das Blogsystem wurde neu implementiert und optisch aufbereitet. Inhalte wurden verständlich und übersichtlich strukturiert, sodass die wichtigsten Informationen schnell erfassbar sind.
Technische Umsetzung
Die Umsetzung erfolgte mit WordPress und Elementor. Die Website wurde vom Entwicklungsserver auf die Live-Domain übertragen, inklusive neuer Datenbank. Abschließend erfolgte eine Schulung des Vorstands zu Elementor, Blogpflege und barrierefreier Inhaltsgestaltung.
Welche Ergebnisse wurden erreicht und wie sah die Situation nach der Zusammenarbeit aus?
Die Website des SC 08 Reilingen präsentiert sich nun modern, übersichtlich und barrierefrei. Alle Inhalte wurden in eine neue, klare Struktur überführt. Kontraste wurden verbessert, Skip-Links ergänzt und ein Barrierefreiheits-Overlay integriert. Das Ergebnis ist eine professionelle, ansprechende Startseite mit einem einheitlichen Look – und eine Website die alle Besucher zuverlässig erreicht.
