Das neue Barrierefreiheitsstärkungsgesetz und was es für Ihre Website bedeutet

Die Web Content Accessibility Guidelines kurz zusammengefasst

Die Web Content Accessibility Guidelines (WCAG) beschreiben die vier Prinzipien der Barrierefreiheit, die unter dem Schlagwort POUR zusammengefasst werden:

Perceivable -> Wahrnehmbar

Als einen der wichtigsten Punkte definieren die WCAG, dass sämtliche Inhalte auf Websites, mobilen Anwendungen und Software-Oberflächen für alle Sinne zugänglich sein müssen – nicht nur visuell.

Um dieses Ziel zu erreichen, sollten Sie Textalternativen für Bilder, Videos und Audiodateien bereitstellen. Für eine optimale Wahrnehmbarkeit sind zudem ausreichende Kontraste zwischen Text und Hintergrund entscheidend. Darüber hinaus müssen Inhalte vergrößerbar sein, ohne dass Informationen oder Funktionen verloren gehen.

Operable -> Bedienbar

Damit alle Nutzerinnen und Nutzer die Website barrierefrei verwenden können, sollte sie vollständig per Tastatur bedienbar sein. Die Nutzerführung muss klar strukturiert sein, sodass der Fokus jederzeit sichtbar ist. Zudem sollte auf die Platzierung von blinkenden oder flackernden Elementen verzichtet werden, um gesundheitliche Beeinträchtigungen wie Krampfanfälle oder Übelkeit zu vermeiden. Damit sich die User jederzeit gut zurechtfinden, sollte die Navigation konsistent und vorhersehbar gestaltet sein.

Understandable -> Verständlich

Nicht nur technisch, sondern auch inhaltlich sollte Ihre Website nach diesem Grundsatz gestaltet sein. Texte und Funktionen müssen daher verständlich und vorhersehbar sein. Es sollte eine einfache Sprache verwendet und klare Anweisungen gegeben werden. Fehlereingaben – zum Beispiel in Formularen – sollten deutlich gekennzeichnet und leicht korrigierbar sein.

Robust -> Robust

Funktionell fordern die Web Content Accessibility Guidelines (WCAG) außerdem, dass Inhalte mit aktuellen und zukünftigen Technologien kompatibel sein müssen. Dazu gehören ein korrektes HTML und CSS sowie eine semantisch saubere Auszeichnung. Auch assistive Technologien müssen in der Lage sein, die Inhalte zuverlässig zu interpretieren.

Gemäß der Web Content Accessibility Guidelines lässt sich der Grad der Barrierefreiheit Ihrer Website in verschiedene Konformitätsstufen einteilen: Stufe A erfüllt nach diesen die Minimalanforderungen, AA entspricht dem empfohlenen Standard und ist gesetzlich oft verpflichtend und AAA wird als höchste Stufe definiert, die meist freiwillig erfüllt wird – bis jetzt!

So lautet das neue Barrierefreiheitsstärkungsgesetz

Ab dem Sommer 2025, genauer gesagt ab dem 28. Juni, tritt das Gesetz zur Stärkung der Barrierefreiheit (BFSG) in Kraft. Es dient der Umsetzung der EU-Richtlinie 2019/882 des Europäischen Parlaments und des Rates vom 17. April 2019.

Ziel des BFSG ist es, einen einheitlichen Rechtsrahmen für barrierefreie Produkte und Dienstleistungen im EU-Binnenmarkt zu schaffen. Die rechtliche Grundlage bilden neben der EU-Richtlinie 2019/882 das BFSG als Bundesgesetz sowie die zugehörige Barrierefreiheitsstärkungsgesetz-Verordnung (BFSGV). Ergänzt wird dieser Rahmen durch bestehende Regelwerke wie das Behindertengleichstellungsgesetz (BGG), das Allgemeine Gleichbehandlungsgesetz (AGG) und das Telekommunikationsgesetz (TKG).

Für wen die Anforderungen des Barrierefreiheitsstärkungsgesetzes nun gelten

Wer die Anforderungen des BFSG bis Ende Juni 2025 umsetzen muss, hat die Gesetzgebung klar definiert: Vorrangig gelten diese für private Unternehmen, die bestimmte digitale Dienstleistungen anbieten, wie zum Beispiel E-Commerce, E-Books, Online-Banking und Personenbeförderungen.

Ebenso sind Online-Shops und Websites mit Verkaufsfunktion sowie mobile Apps, Software und Hardware mit digitalen Schnittstellen dazu verpflichtet, die Vorgaben des BFSG zu erfüllen.

BFSG – das sind die gesetzliche und technischen Vorgaben

Technisch gesehen müssen die Vorgaben der internationalen Norm für barrierefreie Webinhalte umgesetzt werden – gemäß der Klassifizierung der Web Content Accessibility Guidelines (WCAG) entspricht dies der Konformitätsstufe AA.

Diese Anforderungen haben wir hier kurz für Sie zusammengestellt:

• Textalternativen
  • Alle nicht-textlichen Inhalte (Bilder, Icons, CAPTCHA) müssen Textalternativen (Alt-Texte) haben
• Audiovisuelle Inhalte
  • Videos müssen Untertitel haben (1.2.4).
  • Audiodeskription oder Volltext-Alternativen für Videos müssen gegeben sein (1.2.5).
• Layout & design
  • Der Text muss einen Kontrast von mindestens 4.5:1 zum Hintergrund haben (1.4.3)
  • Die Textgrößen müssen bis auf 200% ohne Funktionsverlust skalierbar sein (1.4.4)
  • Der Kontrast bei UI-Komponenten und Grafiktexten muss mindestens 3:1 aufweisen (1.4.11).
  • Ebenso dürfen Inhalte nicht ausschließlich durch Farben unterschieden dargestellt werden (1.4.1)
  • Auch dürfen Inhalte nicht durch Bewegung, sprich durch Kippen oder Schütteln, ausgelöst werden (2.5.4)
• Tastatur-
  bedienbarkeit
  • Alle Funktionen müssen per Tastatur bedienbar sein (2.1.1) und User dürfen nicht durch Tastatur-Fallen irritiert werden (2.1.2)
• Zeitliche Einschränkungen
  • Zeitlimits müssen anpassbar oder abschaltbar sein (2.2.1)
• Lesbarkeit
  • Die Programmiersprache des Dokumentes muss deklariert werden (3.1.1)
  • Ebenso müssen Sprachwechsel im Text gekennzeichnet werden (3.1.2)
• Navigation
  • Sichtbarer Tastaturfokus bei interaktiven Elementen (2.4.7)
  • Konsistente Navigation über alle Seiten hinweg (2.4.5)
  • Sprunglinks/Skip-Links bereitstellen (2.4.1)
  • Aussagekräftige Seitentitel (2.4.2)
  • Beschreibende Linktexte (z. B. kein „Hier klicken“) (2.4.4)
• Vorhersehbares Verhalten
  • Alle Komponenten müssen sich vorhersehbar und konsistent verhalten (3.2.3)
• Unterstützung bei Fehlern
  • Formularfehler müssen beschrieben und erklärt (3.3.1) sowie Vorschläge zur Fehlerkorrektur angeboten werden. Ebenfalls müssen Beschriftungen und Hinweise bei Eingabefehlern vorweisbar sein (3.3.2)
• Kompatibilität mit Technologien
  • Alle Inhalte sollten mit Screenreadern und anderen Assistenzsystemen nutzbar sein (4.1.2).
  • Es sollte ein sauberer, valider HTML-Code implementiert sein (4.1.1)

Gesetzlich und regulatorisch bildet nicht nur das Barrierefreiheitsstärkungsgesetz (BFSG) eine Grundlage, sondern auch das Produktsicherheitsgesetz (ProdSG) für barrierefreie Endgeräte sowie die europäische Norm DIN EN 301 549 zur digitalen Barrierefreiheit. Darüber hinaus bestehen Dokumentationspflichten, wie etwa die Barrierefreiheits-Erklärung und eine Feedbackfunktion.