12 Jul Bar­rie­re­freie Websites: Dein Leitfaden zu Gesetz & Maßnahmen

Ver­öf­fent­licht am 12. Juli 2024  |  von Maike Burk

Ab Sommer 2025 müssen Websites, Online­shops und Apps bar­rie­re­frei sein. 

In welchem Fall dich das Gesetz tat­säch­lich betrifft, welche groß­ar­tigen Marketing-Vorteile eine bar­rie­re­freie Website für dich haben kann – und welche Maßnahmen du umsetzen solltest, erfährst du in diesem Blogartikel.

Inhalte

Was versteht man unter einer bar­rie­re­freien Website?
Das Bar­rie­re­frei­heits­stär­kungs­ge­setz (BFSG)
Warum bar­rie­re­freie Websites für UNS ALLE wichtig ist
11 Maßnahmen: So machst du deine Website barrierefrei

Fazit
Quellen und wei­ter­füh­rende Ressourcen
Häufige Fragen

Beim Thema bar­rie­re­freie Website denken viele von uns, dass die Seite für Menschen mit Beein­träch­ti­gungen zugäng­lich sein soll. Richtig ist:

Bar­rie­re­frei bedeutet, dass die Website für jede Person zugäng­lich und erfassbar ist – also für Menschen mit und ohne Behinderung.

Konkret heißt das: Websitebesucher:innen sollen an die gewünschten Infor­ma­tionen gelangen und diese nutzen können – und bei­spiels­weise nicht durch per­sön­liche oder durch tech­ni­sche Ein­schrän­kungen daran gehindert werden.

Drei Beispiele:

1. Deine bar­rie­re­freie Website soll lesbar sein – das wäre sie zum Beispiel nicht, wenn du eine sehr helle Schrift auf einem hellen Hin­ter­grund ver­wen­dest. Ein typisches Beispiel ist, wenn Über­schriften auf Bilder gesetzt werden und man den Text nicht oder nicht gut lesen kann.

2. Ältere Menschen haben ein anderes Lese­ver­halten als jüngere – sie lesen ten­den­ziell Wort für Wort, während jüngere Menschen Website-Inhalte über­fliegen und für sie wichtige Stellen lesen.

Solche Über­le­gungen können zum Beispiel in die Gestal­tung von Über­schriften mit ein­fließen (zweiter Leseweg für die Ori­en­tie­rung beim Scrollen). Oder in die Gestal­tung von mittig gesetzten Text­blö­cken, sodass das Auge beim Lesen nicht vom linken zum rechten Bild­schirm­rand mit wanden muss…

3. Deine bar­rie­re­freie Website sollte für Menschen nutzbar sein, die auf tech­ni­sche Hilfs­mittel ange­wiesen sind. Ein Beispiel: Wenn du die Alt-Tags deiner Bilder beschrif­test, kann der Text von Screen­rea­dern vor­ge­lesen werden, sodass Menschen mit einer Seh­schwäche oder einer Seh­be­hin­de­rung an diese Infor­ma­tionen gelangen können.

Auf welche Barrieren stoßen Menschen mit Ein­schrän­kungen oder Behin­de­rungen auf Websites?

Es gibt viele Barrieren, die bei der Nutzung von Websites oder Web-Anwen­dungen entstehen können. Ich nenne dir hier ein paar Beispiele:

– Menschen mit einer Seh­schwäche oder Seh­be­hin­de­rung haben es schwerer, Texte zu lesen, wenn sich Schrift und Hin­ter­grund nicht stark genug von­ein­ander abheben.

– Blinde Menschen können Websites nutzen, wenn du Bilder / Formulare / Buttons textlich beschrif­test, sodass sie den Text von einer Sprach­steue­rung einlesen lassen und abhören können.

– Gehörlose Menschen stoßen auf Barrieren, wenn Videos keine Unter­titel haben. Ohne Unter­titel können sie den gespro­chenen Inhalt nicht verstehen, wodurch wichtige Infor­ma­tionen verloren gehen.

Das Bar­rie­re­frei­heits­stär­kungs­ge­setz (BFSG) tritt am 28. Juni 2025 in Kraft. Unter­nehmen werden damit ver­pflichtet, ihre Websites, Online­shops, Apps oder andere Web-Anwen­dungen so zu gestalten, dass auch Menschen mit Ein­schrän­kungen oder Behin­de­rungen sie nutzen können.

Das Ziel ist, dass jede Person gleich­be­rech­tigt auf Infor­ma­tionen und Dienste im Internet zugreifen kann.

Das Gesetz betrifft Pri­vat­un­ter­nehmen, B2C-Websites, Dienst­leis­tungen oder auch Produkte. Für öffent­liche Ein­rich­tungen ist das Bar­rie­re­frei­heits­stär­kungs­ge­setz schon länger in Kraft.

Wer ist vom BFSG ausgenommen?

Aus­ge­nommen sind: private Seiten, Kleinunternehmer:innen – sowie Unter­nehmen mit weniger als 10 Beschäf­tigten bzw. einem Umsatz von maximal 2 Millionen Euro.

Prüfe für dich, ob du zur Umsetzung einer bar­rie­re­freien Websites ver­pflichtet oder davon aus­ge­nommen bist, dieser Blog­ar­tikel ist keine Rechts­be­ra­tung. Ganz unten findest du weitere Quellen.

Meine Meinung zur Bar­rie­re­frei­heit auf Websites: Für mich macht es sehr viel Sinn, dass wir als Website-Betreiber:innen auf Bar­rie­re­frei­heit achten, weil das

• insgesamt zu einer besseren Nut­zer­er­fah­rung führt,
• dadurch ggf. unsere Con­ver­sions steigen,
• wir für die Zukunft gerüstet sind, falls sich die Geset­zes­lage verändert
• ich dafür bin, dass wir als Gesell­schaft versuchen, alle menschen einzubeziehen

Lies hier mehr zu den gesetz­li­chen Anfor­de­rungen: www​.aktion​-mensch​.de/​b​a​r​r​i​e​r​e​f​r​e​i​e​-​w​e​b​s​i​t​e​/​g​e​s​e​t​z​l​i​c​h​e​-​p​f​l​i​chten

In Deutsch­land leben 7,8 Millionen* Menschen mit Schwer­be­hin­de­rungen. Das sind viele Menschen, für die bar­rie­re­freie Websites eine wesent­liche Erleich­te­rung dar­stellen würden.

Eventuell betrifft das ja auch poten­zi­elle Kund:innen von dir und mir.

Aber auch für alle anderen Nutzer:innen deiner Website kann eine bar­rie­re­freie Umsetzung dazu führen, dass deine Website leichter und intui­tiver nutzbar ist – sodass ALLE Besucher:innen auf deiner Website zufrie­dener sind.

Vorteile einer bar­rie­re­freien Website

– Du kannst deine Reich­weite erhöhen, weil du in Summe mehr Menschen erreichst

– … Diese Aspekte ver­bes­sern deine Such­ma­schi­nen­op­ti­mie­rung durch bessere Nut­zer­si­gnale. Es kann auch sein, dass Google das Thema Bar­rie­re­frei­heit als Ran­king­faktor aufgreift (nach dem Google Leak wissen wir ja, dass wir vieles nicht wissen)

– Mit einer bar­rie­re­freien Website hast du die gesetz­liche Anfor­de­rungen erfüllt, auch ein schönes Gefühl. Ich erkläre dir später im Artikel noch, welche Elemente genau in den Bereich der Bar­rie­re­frei­heit fallen. Und wie das deine Con­ver­sions generell ver­bes­sern kann.

– Deine Website wird für ALLE nut­zer­freund­li­cher: Denn eine bar­rie­re­freie Gestal­tung besteht nach meiner Erfahrung zu 100% aus genau den Elementen, die gut kon­ver­tieren (mehr Klicks, mehr Erst­an­fragen, längere Auf­ent­halte auf der Website usw.)

* Quelle: https://​www​.aktion​-mensch​.de/​i​n​k​l​u​s​i​o​n​/​b​a​r​r​i​e​r​e​f​r​e​i​h​e​i​t​/​b​a​r​r​i​e​r​e​f​r​e​i​e​-​w​e​b​s​i​t​e​/​w​i​e​-​b​a​r​r​i​e​r​e​f​r​e​i​-​i​s​t​-​m​e​i​n​e​-​w​e​b​s​i​t​e​-test

Kommen wir zur Praxis: Hier findest du einfach umsetz­bare Maßnahmen, die deine Website barrierefrei(er) machen – und gleich­zeitig auch für alle User:innen nut­zer­freund­li­cher. Vieles davon hast du viel­leicht schon richtig gemacht…

Viele der Aspekte, die eine Website bar­rie­re­frei nutzbar machen, sind eigent­lich Les­bar­keits-Basics. Diese sollten wir alle sowieso umgesetzt haben, sodass User:innen sich gut auf unserer Website zurecht­finden – und den Besuch als positive Erfahrung wahr­nehmen. Was gibt es besseres, um eine gute Beziehung zu den Menschen auf­zu­bauen, die unsere poten­zi­ellen Kund:innen sind?

Beispiele für bar­rie­re­freie Websites:
https://​bitvtest​.de/​s​i​t​e​s​-​u​n​d​-​a​g​e​n​t​u​r​e​n​/​b​a​r​r​i​e​r​e​f​r​e​i​e​-​w​e​b​sites

Beispiele für bar­rie­re­freie Websites:
https://gehirngerecht.digital/5‑beispiele-barrierefreier-webseiten

Wie du deine Website auf Bar­rie­re­frei­heit testen kannst:
https://​www​.aktion​-mensch​.de/​i​n​k​l​u​s​i​o​n​/​b​a​r​r​i​e​r​e​f​r​e​i​h​e​i​t​/​b​a​r​r​i​e​r​e​f​r​e​i​e​-​w​e​b​s​i​t​e​/​w​i​e​-​b​a​r​r​i​e​r​e​f​r​e​i​-​i​s​t​-​m​e​i​n​e​-​w​e​b​s​i​t​e​-test

Weitere Infos auf Aktion Mensch:
https://​www​.aktion​-mensch​.de/​i​n​k​l​u​s​i​o​n​/​b​a​r​r​i​e​r​e​f​r​e​i​h​e​i​t​/​b​a​r​r​i​e​r​e​f​r​e​i​e​-​w​e​bsite
https://​www​.aktion​-mensch​.de/​i​n​k​l​u​s​i​o​n​/​b​a​r​r​i​e​r​e​f​r​e​i​h​e​i​t​/​b​a​r​r​i​e​r​e​f​r​e​i​e​-​w​e​b​s​i​t​e​/​g​e​s​e​t​z​l​i​c​h​e​-​p​f​l​i​chten