Wie sieht eine barrierefreie Website aus?

Nutzerfreundlichkeit und Zugänglichkeit sind zentrale Erfolgsfaktoren für jeden modernen Webauftritt. Doch leider sind viele Websites nach wie vor nicht barrierefrei gestaltet und schließen so einen Teil der Zielgruppe aus. Das muss nicht sein - mit den richtigen Gestaltungsprinzipien lassen sich Websites so konzipieren, dass sie von Menschen mit Behinderungen möglichst uneingeschränkt genutzt werden können.

Eine barrierefreie Website zeichnet sich durch eine Reihe von Gestaltungsprinzipien aus, die eine inklusive Nutzung ermöglichen sollen. Dazu gehören unter anderem:

• Klare, verständliche Sprache ohne Fachwörter
• Beschreibende Linktext statt "Klicken Sie hier"
• Alternative Textbeschreibungen für Bilder und Grafiken
• Logische Seitenstruktur mit übersichtlicher Navigation
• Gute Tastatur Steuerbarkeit ohne Maus
• Ausreichender Farbkontrast
• Ermöglichung von Vergrößerung ohne Informationsverlust
• Regelmäßige Überprüfung anhand der WCAG-Richtlinien
• Tests mit Screenreadern und anderen Hilfstechnologien

Diese Aspekte müssen von Beginn an in die Konzeption und Umsetzung von Websites einfließen. Nur so lässt sich eine wirklich inklusive Nutzung für alle Besucher sicherstellen.

Was ist das Barrierefreiheitsstärkungsgesetz (BFSG)?

Das Barrierefreiheitsstärkungsgesetz legt verpflichtende Regelungen zur Gestaltung digitaler Angebote von Unternehmen und öffentlichen Stellen ab einer bestimmten Größe fest. Ziel ist es, die Inklusion und Teilhabe von Menschen mit Behinderungen zu verbessern.

Wichtige Eckpunkte des Barrierefreiheitsstärkungsgesetz sind:

• Digitale Angebote wie Websites, Apps und Formulare müssen bis 2025 barrierefrei gestaltet sein
• Internationale Standards wie WCAG 2.1 müssen eingehalten werden
• Regelmäßige Überprüfung und Nachbesserung der Barrierefreiheit sind erforderlich
• Das Gesetz gilt für Unternehmen ab 50 Mitarbeitern und öffentliche Einrichtungen
• Bei Nichteinhaltung drohen Bußgelder
• Barrierefreiheit muss bereits bei der Konzeption und Entwicklung berücksichtigt werden
• Angebote müssen für Menschen mit verschiedensten Einschränkungen zugänglich sein

Das Barrierefreiheitsstärkungsgesetz ist ein wichtiger Schritt, um digitale Angebote für Menschen mit Behinderungen zugänglicher zu machen und ihre Teilhabe zu fördern.

Die rechtlichen Vorgaben betreffen einen großen Teil der deutschen Wirtschaft und Verwaltung. Unternehmen müssen die Barrierefreiheit von Beginn an in ihre Entwicklungsprozesse integrieren, regelmäßig überprüfen und nachbessern. Nur so lässt sich eine inklusive Nutzung für alle Zielgruppen sicherstellen.

Für wen gilt das Barrierefreiheitsstärkungsgesetz (BFSG)?

Das Barrierefreiheitsstärkungsgesetz (BGStG) hat einen klar definierten Geltungsbereich und betrifft nicht alle Unternehmen und Organisationen gleichermaßen. Als Unternehmen oder Behörde ist es wichtig, genau zu verstehen, ob und in welchem Umfang die gesetzlichen Vorgaben für den eigenen Betrieb gelten.

Wer ist vom Barrierefreiheitsstärkungsgesetz betroffen?

• Öffentliche Stellen und Behörden, unabhängig von der Mitarbeiterzahl
• Privatwirtschaftliche Unternehmen mit 50 oder mehr Beschäftigten
• Unternehmen, die "öffentliche Aufgaben" wahrnehmen
• Anbieter von digitalen Diensten wie Websites, Apps und Formularen
• Kleine Unternehmen unter 50 Mitarbeitern sind nicht verpflichtet

Das Barrierefreiheitsstärkungsgesetz zielt in erster Linie auf größere Organisationen ab, die digitale Angebote für Bürger und Kunden bereitstellen. Diese Organisationen sind verpflichtet, ihre digitalen Angebote wie Websites, mobile Apps und elektronische Formulare bis 2025 schrittweise barrierefrei umzusetzen. Dabei müssen sie sich an internationalen Accessibility-Standards wie WCAG 2.1 orientieren.

Kleinere privatwirtschaftliche Unternehmen mit weniger als 50 Mitarbeitern sind von den Regelungen des BGStG explizit ausgenommen. Allerdings können auch sie freiwillig Maßnahmen zur Barrierefreiheit ergreifen, um ihre Angebote für Menschen mit Behinderungen zugänglicher zu machen.

Wann tritt das Barrierefreiheitsstärkungsgesetz in Kraft?

Das Barrierefreiheitsstärkungsgesetz ist am 28. Juni 2022 in Kraft getreten und gibt Unternehmen, Behörden sowie anderen Organisationen eine dreijährige Übergangsfrist, um ihre digitalen Angebote schrittweise barrierefrei umzusetzen.

Kurz gesagt: Öffentliche Stellen und Unternehmen mit mehr als 50 Mitarbeitern müssen bis zum 28. Juni 2025 ihre Websites, Mobile Apps, Elektronische Formulare und sonstige digitale Dienstleistungen schrittweise barrierefrei umsetzen.

Die Vorgaben gelten dabei nicht nur für Neuanschaffungen, sondern auch für bestehende digitale Angebote, die nach und nach an die Barrierefreiheitsstandards angepasst werden müssen.

Unternehmen, die die Frist zur Umsetzung bis 2025 nicht einhalten, müssen mit empfindlichen Bußgeldern rechnen. Daher ist es entscheidend, das Thema Barrierefreiheit frühzeitig in die Organisations- und Entwicklungsprozesse zu integrieren.

Was sind die Web Content Accessibility Guidelines (WCAG)?

Die Web Content Accessibility Guidelines (WCAG) sind eine internationale Sammlung von Richtlinien und Empfehlungen, die darauf abzielen, Webinhalte für Menschen mit Behinderungen zugänglicher zu machen.

Die WCAG werden vom W3C-Gremium Web Accessibility Initiative (WAI) herausgegeben und regelmäßig aktualisiert. Sie gelten weltweit als der maßgebliche Standard für barrierefreie Webgestaltung.

Wie erstellt man eine barrierefreie Website?

Wie bereits erwähnt, ist eine Website korrekt barrierefrei, wenn die Vorgaben der WCAG eingehalten werden. 

Gemäß dem deutschen Barrierefreiheitsstärkungsgesetz (BGStG) müssen Organisationen, die vom Gesetz betroffen sind, ihre digitalen Angebote mindestens auf die Konformitätsstufe AA der Web Content Accessibility Guidelines (WCAG) bringen.

Die aktuelle Version WCAG 2.1 umfasst insgesamt 13 Richtlinien, die in drei Prinzipien (Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit, Robustheit) unterteilt sind.

Für die Umsetzung dieser Richtlinien definieren die WCAG drei Konformitätsstufen:

• Stufe A: Erfüllung der Mindestanforderungen für Barrierefreiheit
• Stufe AA: Erfüllung erhöhter Barrierefreiheitsanforderungen
• Stufe AAA: Erfüllung der höchsten Barrierefreiheitsanforderungen

Stufe A (WCAG)

Die Konformitätsstufe A der WCAG definiert die Mindestanforderungen für eine barrierefreie Website. Wenn eine Website alle Kriterien auf Stufe A erfüllt, stellt sie sicher, dass die grundlegenden Zugänglichkeitsaspekte für Menschen mit Behinderungen abgedeckt sind.

Zu den wichtigsten Kriterien auf WCAG-Stufe A gehören:

Allgemeine Kriterien:

• Tastaturfokus ist erkennbar
• Alle Funktionen sind über Tastatur bedienbar
• Alternative Textbeschreibungen für Bilder
• Semantisch korrekte Überschriftenstruktur
• Eindeutige Beschriftung von Bedienungselementen
• Kontrastgrad Text/Hintergrund mind. 4,5:1
• Zeitlich begrenzte Inhalte können angehalten werden
• Blinkende/flackernde Inhalte sind vermieden
• Inhalte in sinnvoller, logischer Reihenfolge
• Formulareingaben sind eindeutig gekennzeichnet
• Navigationsmöglichkeiten sind klar erkennbar

Multimedia-Inhalte:

• Geschlossene Untertitel für Videos vorhanden
• Audiodeskriptionen für visuelle Informationen in Videos
• Barrierefreie Steuerungselemente für Videowiedergabe
• Vollständige textbasierte Transkripte für Audioaufnahmen
• Angebot von Inhalten in Gebärdensprache (optional)
• Barrierefreie Steuerungselemente für Audiowiedergabe

Stufe AA (WCAG)

Die Konformitätsstufe AA erweitert die Barrierefreiheitsanforderungen über das Basisniveau von Stufe A hinaus. Websites, die Stufe AA erfüllen, bieten einen hohen Grad an Zugänglichkeit für Menschen mit Behinderungen.

Zusätzlich zu den Kriterien von Stufe A müssen Websites auf Stufe AA unter anderem folgende Anforderungen erfüllen:

Allgemeine Kriterien:

• Kontrastgrad Text/Hintergrund mind. 4,5:1 (Großtext 3:1)
• Erweiterte alternative Textbeschreibungen für Grafiken
• Bedienbarkeit mit Tastatur ist eindeutig erkennbar
• Zeitabhängige Funktionen können angepasst/deaktiviert werden
• Umfassend barrierefreie Gestaltung von Formularen
• Aussagekräftige und eindeutige Überschriften/Labels
• Sprachrichtung und andere Attribute korrekt definiert
• Fehlerhinweise in Formularen sind gut erkennbar
• Unterstützung für Sprachsteuerung und Eingabehilfen

Multimedia-Inhalte:

• Untertitel, Beschreibungen und Transkripte sind qualitativ hochwertig

Wie kann ich testen, ob meine Website barrierefrei ist?

Um die Barrierefreiheit einer Website zu testen und zu optimieren, gibt es eine Reihe nützlicher kostenloser Tools und Dienste. Diese reichen von automatisierten Analysetools über Leitfäden für manuelle Prüfungen bis hin zu Möglichkeiten, die tatsächliche Nutzererfahrung von Menschen mit Behinderungen zu simulieren.

Im Folgenden finden Sie eine Übersicht zu einigen der bekanntesten und nützlichsten kostenlosen Angebote für die Barrierefreiheitsüberprüfung:

Lighthouse (in jeden Chrome Entwickler Tools enthalten)

Der integrierte Accessibility-Test in den Chrome DevTools von Google ist ein umfassendes Analysetool, das nicht nur die Barrierefreiheit, sondern auch Performance, Best Practices und SEO-Aspekte einer Website überprüft und konkrete Optimierungsempfehlungen gibt. Dieses Tool kann jeder auf die Schnelle nutzen, um ein erstes Indiz zu erhalten, wie sehr die eigene Website dem geforderten Standard entspricht.

WAVE Web Accessibility Evaluation Tool

WAVE ist ein webbasiertes Tool, das automatisch die Barrierefreiheit einer Website analysiert und gängige Probleme wie fehlerhafte Alternativtexte oder mangelnden Kontrast identifiziert. Es liefert detaillierte Berichte mit Verbesserungsvorschlägen.

aXe (Chrome/Firefox Plugin)

aXe ist eine praktische Browser-Erweiterung für Chrome und Firefox, die ebenfalls automatische Tests auf Barrierefreiheit durchführt und detaillierte Berichte mit Verbesserungsvorschlägen liefert.

Fazit

Das Barrierefreiheitsstärkungsgesetz verpflichtet Betreiber öffentlicher Websites dazu, ihre Angebote barrierefrei zu gestalten. Als Internetagentur unterstützen wir unsere Kunden dabei, diese gesetzlichen Vorgaben zu erfüllen. Wir verstehen Barrierefreiheit als integralen Bestandteil moderner, nutzerfreundlicher Webentwicklung und setzen uns dafür ein, dass alle Menschen unabhängig von Fähigkeiten und Einschränkungen gleichberechtigt auf digitale Inhalte zugreifen können.

Bei der Entwicklung neuer Websites legen wir von Anfang an besonderen Wert darauf, dass alle relevanten Richtlinien zur Barrierefreiheit eingehalten werden. Wir setzen auf semantische Auszeichnungen, intuitive Bedienbarkeit, mobile Optimierung und weitere Maßnahmen, um sicherzustellen, dass die Webauftritte unserer Kunden nicht nur ansprechend und funktional, sondern auch rechtlich konform sind. So können wir gewährleisten, dass alle Nutzergruppen ein barrierefreies Web Erlebnis genießen können.