Barrierefreies Webdesign bringt höchste Nutzerfreundlichkeit – und eine größere Reichweite für Anbieter von Websites, Apps und Co. Doch worauf kommt es bei der Umsetzung an? Hier finden Sie praktische Infos und Linktipps für mehr Barrierefreiheit im Web.
Was ist Barrierefreiheit im Web? Für wen ist sie wichtig? Warum ist Barrierefreiheit auch für Anbieter eine Chance? Gibt es einheitliche Richtlinien für barrierefreies Webdesign? Und wer entwickelt sie? Hier finden Sie eine kurze Einführung:
Barrierefrei gestaltete Web-Angebote
Beispiel Screenreader: Diese Software hilft blinden und sehbehinderten Menschen, Websites zu bedienen und die gewünschten Inhalte (z. B. Texte, Beschreibungen zu Grafiken oder Videos) zu finden. Wahlweise werden die Infos vorgelesen oder in einer Braillezeile in Tastschrift ausgegeben. Voraussetzung für den Einsatz eines Screenreaders: Die Website muss barrierefrei gestaltet sein! Dann (und nur dann) funktioniert der Screenreader und blinde und sehbehinderte Menschen haben endlich Zugang zu Infos und Unterhaltungsangeboten, die sie im analogen Zeitalter nur mühsam oder mit fremder Hilfe erreichen konnten.
Wichtig ist die Unterscheidung von Screenreader und Vorlese-Software. Screenreader lesen auch die Kommandos zur Steuerung und Navigation der Webseite vor. Die Vorlese-Software gibt nur den sichtbaren Inhalt wieder. Vorlesefunktionen unterstützen vor allem Menschen mit Lern- oder Leseschwäche sowie sprachlichen Einschränkungen und sind auch hilfreich beim Surfen mit dem Smartphone oder Tablet.
Menschen mit Behinderung haben ein Recht auf gleichberechtigten Zugang zu Information und Kommunikation, Artikel 9 und 21 der UN-Behindertenrechtskonvention (UN-BRK). Barrierefreie Angebote sind so gestaltet, dass Menschen mit und ohne Behinderung sie einfach und ohne fremde Hilfe erreichen und nutzen können.
Dieses Recht ist auch in diversen Normen, EU-Richtlinien, Bundes- und Ländergesetzen sowie Verordnungen verankert. Mit der EU-Richtlinie 2016/2102 wurde es um eine Durchsetzungs- und Überwachungskomponente erweitert. Damit können Nutzerinnen und Nutzer ihr Recht auf barrierefreie Angebote und Inhalte gegenüber dem verpflichteten Website-Betreiber einfordern und durchsetzen.
Das Web eröffnet gerade Menschen mit Behinderung völlig neue Möglichkeiten. Eine gedruckte Zeitung lesen? Das ist für Menschen unmöglich, die blind sind oder wegen einer hohen Querschnittslähmung ihre Arme nicht/nur eingeschränkt einsetzen können. In der Online-Ausgabe stöbern und schmökern: Das geht ganz einfach, jederzeit und ohne fremde Hilfe – wenn die Website oder das E-Paper barrierefrei gestaltet sind! Barrierefreies Webdesign ist unverzichtbar für die Teilhabe von Menschen mit Behinderung.
Für Betreiber von Websites ist Barrierefreiheit mehr als eine (moralische oder rechtliche) Verpflichtung. Barrierefreies Webdesign nützt ihnen auch selbst. Denn Menschen mit Behinderung
Barrierefreies Webdesign bietet riesigen Spielraum für eine attraktive Gestaltung – und Vorteile für alle Nutzerinnen und Nutzer. Denn:
Barrierefreiheit = höchste Nutzerfreundlichkeit
Barrierefreie Websites sind klar gegliedert und einfach zu bedienen. Die Texte sind verständlich geschrieben. So sorgt Barrierefreiheit für ein angenehmes Nutzererlebnis („User Experience“). Auch Suchmaschinen belohnen barrierefreies Webdesign: mit guten Platzierungen in ihren Ergebnislisten. Und das ist eine der härtesten Währungen im Wettbewerb um Aufmerksamkeit im Web.
Barrierefreiheit soll nicht als lästige Pflicht betrachtet werden, sondern als zusätzliche Qualität eines Angebots – als besonderer Nutzen.
Der IT-Spezialist Josef Plötz testet bei der Stiftung Pfennigparade unter anderem barrierefreie Websites und gibt Schulungen zur Barrierefreiheit im digitalen Raum.
Zum 28. Juni 2025 tritt das Barrierefreiheitsstärkungsgesetz (BFSG) in Deutschland in Kraft. Dadurch sollen künftig digitale Angebote so gestaltet werden, dass sie alle Menschen nutzen können. Das betrifft zum Beispiel Websites, über die Dienstleistungen angeboten werden, wie etwa Online-Shops und Online-Verkaufsplattformen, Online-Banking-Dienste oder auch Online-Buchungssysteme von Transport- und Verkehrsdiensten.
Sie möchten sich näher über das BFSG informieren? Die Website der Bundesfachstelle Barrierefreiheit klärt auf:
... wahrnehmbar, bedienbar, verständlich und „robust“. Was bedeutet das? Und wie kann man diese Ziele erreichen? Ein spannendes Thema: Hier stellen wir Ihnen einfach und anschaulich die 4 Prinzipen der Barrierefreiheit aus der EN 301 549 und der WCAG vor. Klicken Sie einfach auf die Begriffe und erfahren Sie mehr!
Alle Infos auf einer barrierefreien Website sind wahrnehmbar. Das bedeutet zum Beispiel:
Das nennt man: responsives Design. Es „antwortet“ geschmeidig und stufenlos auf jede Anforderung.
Infos werden zum Beispiel nicht nur fürs Auge angeboten, sondern auch fürs Ohr (und umgekehrt):
Sehbehinderte Menschen können mit einer speziellen Software im Internet surfen, Websites bedienen und sich Texte vorlesen oder auf einer Braillezeile in Tastschrift ausgeben lassen: dem Screenreader. Screenreader funktionieren nur, wenn eine Website barrierefrei gestaltet ist. Das betrifft neben der Programmierung auch die Redaktion.
Nicht alle Menschen können mit der Maus navigieren oder ihr Smartphone über den Touchscreen bedienen: zum Beispiel, wenn sie sehbehindert sind oder Arme, Hände und/oder Finger nicht oder nur eingeschränkt bewegen können. Welche Alternativen bietet barrierefreies Webdesign? Einige Beispiele:
Ausreichend Zeit ist ein weiterer wichtiger Faktor: z. B. beim Ausfüllen von Online-Formularen, beim Online-Banking oder in Web-Shops. Auch wer länger braucht, sollte ohne Zeitdruck seine Daten eingeben und überprüfen können.
Fachchinesisch? Behördendeutsch? Schwierige Fremdwörter? Lieber nicht. Barrierefreie Websites punkten mit Verständlichkeit. Die beginnt nicht erst beim Texten, sondern schon bei der Gliederung der Inhalte. Einige Beispiele:
Eine kunstvoll verschnörkelte Sprache kann großes Vergnügen bereiten. Doch wenn es darum geht, Infos zu vermitteln, ist die Kunst der Klarheit gefragt. Für barrierefreie Websites gilt:
Dabei muss (und sollte!) die persönliche Ansprache nicht verloren gehen. Die einfache Sprache soll im besten Sinne „ansprechen“, Lust aufs Thema wecken, die Vorstellungskraft anregen und unterstützen.
Barrierefreie Websites bieten eine Zusammenfassung der wichtigsten Inhalte in Leichter Sprache und Gebärdensprache:
„Robust“ bedeutet: Eine Website unterstützt möglichst viele Web-Browser (das sind die Programme, mit denen Sie im Internet surfen, zum Beispiel Firefox, Chrome, Explorer/Edge oder Safari) und alle Hilfsmittel, die Menschen mit Behinderung verwenden (z. B. Software für die Sprachsteuerung oder die Umwandlung von geschriebenem Text in Daten für eine Braillezeile).
Auf einer robusten Website sind alle Inhalte einwandfrei mit HTML strukturiert. HTML – was ist das?
Nur wenn alle Textelemente sauber mit HTML ausgezeichnet sind,
Eine barrierefreie Website soll allen Menschen nutzen. Die wichtigsten Infos werden deshalb zusammengefasst in Leichter Sprache und – wie hier – in Gebärdensprache angeboten.
Blinde Menschen können sich Web-Texte in Tastschrift auf ihre Braillezeile ausgeben lassen. Voraussetzung: Die Website ist barrierefrei gestaltet!
Wenn eine neue Website entsteht, wirken viele Menschen zusammen. Wichtig ist: Alle müssen die Regeln des barrierefreien Webdesigns kennen und umsetzen: im Projekt-Management, in der Konzeption, der grafischen Gestaltung, der Programmierung, der Redaktion und bei der Einpflege der Inhalte. Es gibt inzwischen Dienstleister, die das gesamte barrierefreie Webdesign oder einzelne Leistungen anbieten.
Wird eine Website von Anfang an barrierefrei geplant und umgesetzt, sind die Kosten kaum höher. Zusatzkosten entstehen unter anderem für die Übersetzung von Texten in Leichte Sprache, die Produktion von Gebärdensprachvideos und die Erstellung barrierefreier PDFs und/oder Multimedia-Angebote. Ganz wichtig ist die Schulung aller Prozessbeteiligten, von den Projektverantwortlichen bis zum Redaktionsteam. Sie müssen ein Bewusstsein für Barrierefreiheit entwickeln und sich mit den Vorgaben vertraut machen.
Sie schreiben Ihr Web-Projekt aus? Tipp: Fordern Sie von den Dienstleistern Nachweise ihrer umfassenden Erfahrung mit barrierefreiem Webdesign. Legen Sie eindeutige Erfolgskriterien fest, zum Beispiel die Bewertung der Website als BITV-konform im BITV-Test.
Mitarbeitenden des öffentlichen Dienstes in Bayern, die mit der Erstellung, Aktualisierung und Prüfung von öffentlichen Internetauftritten befasst sind, zeigt ein Handlungsleitfaden für öffentliche Stellen den Weg zu einer barrierefreien Website. Dort ist auch eine Mustererklärung zur Barrierefreiheit zu finden.
Sie möchten mehr über Barrierefreiheit im Web erfahren? Sie suchen als Auftraggeber, Projekt- oder IT-Verantwortlicher konkrete Infos? Sie arbeiten in einer Agentur und möchten sich ins barrierefreie Webdesign einarbeiten? Hier finden Sie Links zu Info-Portalen, Websites zu Einzelthemen und Video-Tutorials. Tipp: Persönliche, kostenlose Erstberatung bietet Ihnen die Beratungsstelle Barrierefreiheit.
BIK für Alle bietet Infos zum BITV- und WCAG-Test.
Gute Beispiele: Hier finden Sie eine Liste mit BITV-konformen Websites.
Hier können Sie den BITV- und den WCAG-Test durchführen lassen: BITV-Prüfstellen in Deutschland.
Eine Übersicht über gesetzliche Grundlagen finden Sie auf der Website der Beratungsstelle Barrierefreiheit.
Dann finden Sie bei der Bundesfachstelle Barrierefreiheit Infos über die EU-Webseiten-Richtlinie 2016/2102.
Werden digitale Angebote barrierefrei gestaltet, erreichen sie mehr Menschen. Hier erfahren Sie mehr über innovative Lösungen aus der Praxis.
Informationen können auf verschiedenen Wegen vermittelt werden. Welche das sind und wie diese eine barrierefreie Verständigung ermöglichen, lesen Sie hier.
Barrierefreie Arbeitsplätze erleichtern Menschen mit Behinderung die Teilhabe am Erwerbsleben und schaffen die Voraussetzung für eine inklusive Arbeitswelt.
Durch das Klicken auf dieses Video werden in Zukunft YouTube-Videos auf dieser Webseite eingeblendet. Wir möchten Sie darauf hinweisen, dass nach der Aktivierung Daten an YouTube übermittelt werden. Sie können mit einem Klick dauerhaft das Abspielen aktivieren oder in den Datenschutzhinweisen auch dauerhaft wieder rückgängig machen.
Im Sinne der Barrierefreiheit wird auf der Website eine Vorlesefunktion angeboten. Bei Nutzung dieser Vorlesefunktion werden die dafür erforderlichen technischen Daten an den externen Dienstleister Readspeaker GmbH übermittelt. Mehr Informationen hierzu findest du in unseren Datenschutzbestimmungen.
