Barrierefreies Webdesign aus Chemnitz

Was bedeutet "Barrierefreiheit" im Webdesign?

„Barrierefreies Webdesign“ ist ein Sammelbegriff für verschiedene Maßnahmen, Standards und Technologien, die Webseiten für ein möglichst breites Publikum benutzbar machen.

Barrierefreiheit betrifft sowohl die technischen Grundlagen als auch die Inhalte und Strukturen einer Webseite.

Die Einschränkungen der betroffenen Nutzer sind sehr vielfältig und stellen damit sehr unterschiedliche Anforderungen an Ihre Webseite.

Hier einige Beispiele:

Ein Nutzer mit motorischen Schwierigkeiten kann keine Maus bedienen und navigiert daher mit der Tastatur durch das Internet.
Ein sehbehinderter Nutzer sieht Ihre Webseite schlecht oder gar nicht und ist daher auf einen Screenreader angewiesen, der die Inhalte der Webseite vorliest.
Ein Nutzer mit kognitiver Beeinträchtigung kann lange, verklausulierte Formulierungen nur schlecht verstehen und freut sich über einen Alternativtext in einfacher Sprache
Ein gehörloser Nutzer ist auf Video-Untertitel angewiesen, um Ihr Software-Tutorial zu verstehen.

Ist Barrierefreiheit für meine Webseite verpflichtend?

Am 28. Juni 2025 tritt in Deutschland das Barrierefreiheitsstärkungsgesetz (BFSG) in Kraft. Es verpflichtet bestimmte Firmen, Ihre Dienste nach „Stand der Technik“ auch barrierefrei anzubieten.

Auch Firmen-Webseiten können davon betroffen sein. Wir haben die Richtlinien für Sie zusammengefasst.

Sie sind verpflichtet, wenn Sie:

Dienstleistungen im elektronischen Geschäftsverkehr erbringen
(Online-Buchung, Online-Vertragsabschluss, Online-Shops!)
Telekommunikationsdienste erbringen
(bspw. Telefon- oder Internetanbieter)
Personenbeförderungsdienste erbringen
(bspw. Verkehrsunternehmen und Taxi-Services)
Bankdienstleistungen erbringen

Sie sind nicht verpflichtet, wenn:

Achtung: die "unverhältnismäßige Belastung" müssen Sie belegen können und gegenüber der zuständigen Marktüberwachungsbehörde rechtfertigen.

Diese Barrierefreiheits-Standards gelten für Webseiten

Das Barrierefreiheitsstärkungsgesetz sieht eine Umsetzung nach „Stand der Technik“ vor. Gemeint sind damit für Webseiten die folgenden Standards:

WCAG (Web Content Accessibility Guidelines)

WCAG ist ein sehr gut dokumentierter internationaler Standard für die Barrierefreiheit von Webseiten, der vom „World Wide Web Consortium“ (W3C) bereitgestellt wird.

Aktuell wird hier oft die WCAG 2.1 und WCAG 2.2. angewendet. Die Bewertung kann in mehreren Stufen erfolgen (A, AA, AAA) die jeweils höhere Ansprüche stellen.

BITV 2.0 (Barrierefreie-Informationstechnik-Verordnung)

Etwas vereinfacht betrachtet übersetzt die BITV lediglich die Punkte der WCAG ins deutsche. Eine Seite, die der WCAG 2.1 AA entspricht, besteht für gewöhnlich auch einen BITV-Test.

So wird Ihre Webseite barrierefrei:

Verständlichkeit

Die Texte und Strukturen auf Ihrer Seite sollten einfach zu verstehen sein. Verzichten Sie, wenn möglich, auf Fachchinesisch und Bürokratendeutsch.

Semantische Struktur

Stellen Sie sicher, dass Sie die richtigen HTML-Elemente in der richtigen Reihenfolge verwenden. So können Screenreader die Inhalte Ihrer Webseite richtig wiedergeben.

Alternativtexte

Stellen Sie für Bilder aussagekräftige Alternativtexte bereit - oder markieren Sie diese als rein dekorativ. Für Videos können Sie Untertitel oder eine Textalternative bereitstellen.

Kontraste

Stellen Sie sicher, dass Text, Hintergrund und Bedienelemente einen ausreichenden Kontrast zueinander haben. Je nach Stufe ist hier 7:1 oder 4,5:1 nötig.

Navigierbarkeit / Fokus

Stellen Sie sicher, dass Ihre Webseite per Tastaturnavigation bedient werden kann. Dafür muss beispielsweise klar ersichtlich sein, welches Element gerade fokussiert wird.

Skalierbarkeit

Stellen Sie sicher, dass Nutzer Ihre Seite größer darstellen können, um bspw. eine Sehbehinderung auszugleichen.

Brauchen Sie Unterstützung?

Gerne setzen wir Ihre Webseite barrierefrei um oder beraten Sie individuell zu geeigneten Maßnahmen.

Warum Overlays und All-in-One-Widgets keine Lösung sind

Sogenannte Accessibility-Widgets versprechen Barrierefreiheit ohne Aufwand. Sie bieten eine große Sammlung an Funktionen (bspw. Kontrast-, Zoom- oder Vorlese-Buttons), die sich über ein kleines Fenster aktivieren lassen.

Leider helfen diese Lösungen weder den Betroffenen, noch erfüllen sie die geltenden Standards.

Schon der Ansatz ist nicht wirklich schlüssig: Warum sollte jede Webseite eigene Hilfsmittel bereitstellen, wenn diese bereits im Browser oder Betriebssystem des Betroffenen vorhanden sind?

Wenn der Nutzer nicht erst durch den Besuch Ihrer Webseite erblindet ist, wird er wenig Verwendung für Ihre Vorlese-Funktion haben. Schlimmer noch: manche Overlays verschlechtern sogar die tatsächliche Barrierefreiheit Ihrer Seite.

Konzentrieren Sie sich stattdessen darauf, dass die etablierten Hilfsmittel und Werkzeuge Ihre Webseite korrekt interpretieren können.

Mehr zum Thema:

Englischsprachiges Statement des European Disability Forum zu accessibility overlays (externer Link)

Was kostet eine barrierefreie Webseite?

Echte Barrierefreiheit ist aufwändig und kann daher zu zusätzlichen Kosten bei der Webentwicklung führen.

Eine sehr einfache Webseite kann oft ohne zusätzliche Kosten barrierefrei erstellt werden.

Große Projekte mit komplexen Inhalten, Layouts und Features sorgen auch für mehr Aufwand bei der Umsetzung, Prüfung und Dokumentation der Barrierefreiheit. In diesem Fall ist mit circa 1.000 bis 3.000 € Kosten nur für die Barrierefreiheit zu rechnen.

Die meisten barrierefreien Webseiten haben bei uns Gesamtkosten zwischen 2.000 und 8.000 €. Gerne erstellen wir ein kostenfreies Angebot zu Ihrem Projekt.

Wie teuer ist die barrierearme Überarbeitung einer bestehenden Webseite?

Die Kosten richten sich auch hier nach dem Seiten- und Featureumfang der Webseite. Auch das verwendete Content-Management-System oder Theme kann die Arbeiten vereinfachen – oder erschweren.

Eine Überarbeitung kann wenige Hundert bis mehrere Tausend Euro kosten. Gerne geben wir eine kostenfreie Einschätzung zu Ihrer Webseite ab.

Beratung und Umsetzung zum Thema Barrierefreiheit

Schon seit 5 Jahren setzt theCASE barrierefreie Webseiten für Unternehmen und öffentliche Einrichtungen um. Gerne bauen wir auch Ihre barrierefreie Webseite oder beraten Sie individuell zu passenden Maßnahmen.

Kontaktieren Sie uns für eine kostenfreie Ersteinschätzung zu Ihrem Projekt.