--- title: "Barrierefreier Website Relaunch | BSBH in Hessen e.V." url: "https://www.dkd.de/de/referenzen/barrierefreier-responsiver-website-relaunch-bsbh/" description: Mehr erfahren zum Website Relaunch des Blinden und Sehbehindertenbund in Hessen e.V., Barrierefreiheit und das Erreichen des BITV-Score von 98 Punkten. image: "https://www.dkd.de/fileadmin/_processed_/e/a/csm_blind-978996_1920_e4a038c4a5.jpeg" date: 2022-05-17 modified: 2026-09-29 categories: - Development - "Support & Betrieb" --- # Barrierefreier Website Relaunch | BSBH in Hessen e.V. 04.01.2022 Barrierefreier responsiver Website Relaunch für den BSBH ========================================================== Wir wollen gesehen werden! ---------------------------- [ ![Headerbild: Blinden und Sehbehindertenbund in Hessen e.V.](https://www.dkd.de/fileadmin/_processed_/e/a/csm_blind-978996_1920_f8c738d274.jpeg "Headerbild: Blinden und Sehbehindertenbund in Hessen e.V.") ](https://www.bsbh.org/ "Zur Website des Blinden- und Sehbehindertenbund in Hessen e. V.") Der Blinden- und Sehbehindertenbund in Hessen e. V. (BSBH) - ist die Selbsthilfeorganisation der Blinden und Sehbehinderten in Hessen. In ihren Beratungsstellen und 10 Bezirksgruppen wird jedermann unabhängig und kostenfrei zu verschiedenen Themen rund um Augenerkrankungen, Therapieansätze, Sehbehinderung, Blindheit, schulische/berufliche Eingliederung etc. beraten. »Wir wollen gesehen werden« - Inklusiv statt exklusiv. ![Logo: Blinden- und Sehbehindertenbund in Hessen e.V.](https://www.dkd.de/fileadmin/_processed_/f/8/csm_BSBH-Logo_7a618aa399.png "Logo: Blinden- und Sehbehindertenbund in Hessen e.V.") ### Anforderung: Die Selbsthilfeorganisation der Blinden und Sehbehinderten in Hessen - kurz BSBH genannt, beauftragte uns mit dem Projekt ihres responsiven Website Relaunchs, bei dem der klare Fokus auf der **Barrierefreiheit** lag. Dabei gab es grundsätzliche Vorgaben zu beachten: - Ein [BITV-Score](https://www.bitvtest.de/bitv_test.html "Erfahren Sie mehr zum BITV-TEST") von mindestens 90 Punkten musste erreicht werden. - Ein Gutachten der Technischen Hochschule Mittelhessen (THM) sollte nach Projektabschluss erstellt werden. - Die Vorgaben von [Leserlich.info](http://www.leserlich.info/ "Leserlich.info | Schritte zu einem inklusiven Kommunikations­design") mussten eingehalten werden. Die Zielsetzung des Projekts: Bessere Auffindbarkeit von zentralen Informationen zu Medizin, Recht, Hilfsmitteln, Lebensgestaltung etc. für Blinde und Sehbehinderte und ihre Angehörigen, einfacherer Kontakt zu den örtlichen Selbsthilfegruppen, **konsequente Barrierefreiheit** der Website, Smartphonetauglichkeit, Attraktivität durch gutes Design auch für Sehende, Partizipationsmöglichkeiten durch Interaktivität, Ansprache verschiedener Gruppen von Betroffenen im Sinne von Diversity. Im Rahmen eines **IA-Workshops** wurden Darstellung und Nutzung erarbeitet und anhand von Prototyping die Konzeption und das Webdesign von uns erstellt. Zusätzlich sollte ein **digitales Beitrittsformular** und eine Extension zur Terminvereinbarung von uns entwickelt werden. ### Lösung: Basierend auf t3quick wurde bei diesem Projekt besonders auf die speziellen Wünsche und Anforderungen der Barrierefreiheit sowohl technisch als auch bei der kompletten Designentwicklung geachtet. Wir entwickelten eine **Extension zur Terminverwaltung** und ein digitales Beitrittsformular, bei dem ein papierloses Anmeldeverfahren für neue Mitglieder über ein barrierefreies Frontend-Editing entstehen sollte. Ebenso wurde für die Terminverwaltung auf das Bearbeiten von verschiedenen Subgruppierungen im BSBH-Umfeld (verschiedene Bezirksgruppen) geachtet. Hierfür wurde ein spezielles, **barrierefreies Rechte- und Rollenkonzept** entwickelt. Hervorzuheben ist bei diesem Projekt die exzellente Barrierefreiheit der Seite, die auch durch die THM (Technische Hochschule Mittelhessen) bestätigt wurde. Hier wurde ein **BITV-Score von 98 von 100** möglichen Punkten erreicht. | ### Leistungsumfang - Relaunch - Responsive Design - Barrierefrei - Development - Support - Hosting - Konzeption - IA - Webdesign - Beratung | |---| | ### Die Technik dahinter - TYPO3 - Solr für TYPO3 - PHP - HTML5/CSS3 - JavaScript | |---| ![Screenshot der Website vom BSBH](https://www.dkd.de/fileadmin/_processed_/4/b/csm_Bildschirmfoto_2022-09-20_um_13.34.15_fd84d83f12.png "Slider Bild") ![Screenshot der Website vom BSBH](https://www.dkd.de/fileadmin/_processed_/9/4/csm_Bildschirmfoto_2022-09-20_um_13.34.30_e43a3599fb.png) ![Screenshot der Website vom BSBH](https://www.dkd.de/fileadmin/_processed_/a/4/csm_Bildschirmfoto_2022-09-20_um_13.35.22_ff2bd1a86a.png) ![Screenshot der Website vom BSBH](https://www.dkd.de/fileadmin/_processed_/d/7/csm_Bildschirmfoto_2022-09-20_um_13.36.19_8d0ed71f08.png) ![Screenshot der Website vom BSBH](https://www.dkd.de/fileadmin/_processed_/c/7/csm_Bildschirmfoto_2022-09-20_um_13.35.40_286edeb9a2.png) Realitäts-Check? Gerne. ------------------------- [Zur Website](http://www.bsbh.org) Themen, die Sie auch interessieren und inspirieren. ----------------------------------------------------- [ ![Web-Barrierefreiheit technisch richtig umsetzen](https://www.dkd.de/fileadmin/_processed_/f/2/csm_dkd-digitalagentur-BFSG-technische-Umsetzung_33fc76b412.png "Web-Barrierefreiheit technisch richtig umsetzen") ](https://www.dkd.de/de/web-barrierefreiheit-technisch-umsetzen/) ### Technische Web-Barrierefreiheit Erfahren Sie, welche technischen Aspekte wichtig für die Web-Barrierefreiheit sind und wie Sie diese technischen umsetzen. [ ![Zwei Frauen neben der Aufschrift: Digitale Barrierefreiheit: Jetzt Experten buchen! ](https://www.dkd.de/fileadmin/_processed_/9/0/csm_dkd-digitalagentur-digitale-barrierefreiheit-experten_9f70269ba8.png "Digitale Barrierefreiheit: Jetzt Experten buchen! ") ](https://www.dkd.de/de/leistungen/consulting/experten-barrierefreie-websites/) ### BFSG-Experten für Ihre Website Mit unserem Expertenteam, bieten wir Ihnen die passenden Lösungen für Ihre **digitalen Anforderungen** – ganz nach Ihrem Bedarf. [ ![Grafik einer Website auf einem Laptop zum Thema BFSG](https://www.dkd.de/fileadmin/_processed_/a/d/csm_dkd-digitalagentur-blogbeitrag-barrierefreiheitsstaerkungsgesetz-headerbild_0397fb9bda.jpg "Alle Infos rund um das Barrierefreiheitsstärkungsgesetz 2025") ](https://www.dkd.de/de/blog/barrierefreiheitsstaerkungsgesetz-2025/) ### Checkliste für Ihre Website zum BFSG Ab dem 28. Juni 2025 wird das **Barrierefreiheitsstärkungsgesetz** in Deutschland verpflichtend. Erfahren Sie in unserem Blogbeitrag das Wichtigste. --- Jetzt anfragen. [Zum Kontakt](https://www.dkd.de/de/kontakt/) #### Kategorien - [Development](https://www.dkd.de/de/blog/blog-data/kategorie/website-design/) - [Support & Betrieb](https://www.dkd.de/de/blog/blog-data/kategorie/facelift/)