Barrierefreie Website Checkliste

Das Accessibility Straightening Act (Barrierefreiheitsstärkungsgesetz or BFSG) ist ab dem 28. Juni 2025 verbindlich. Die digitalen Produkte und Dienstleistungen verschiedener Unternehmen und Organisationen sollten für jeden Menschen in Deutschland zugänglich sein.

Eine kürzlich durchgeführte Studie über 78 der meistbesuchten Online Shops in Germany ergab, dass 75 % nicht vollständig barrierefrei waren. Eines der größten Probleme war die mangelnde Barrierefreiheit, die es Menschen, die auf eine vollständige Tastaturnavigation angewiesen sind, erschwert, zuzugreifen. Eine andere Bewertung deutscher Online-Shops ergab eine durchschnittliche Barrierefreiheit von 67 von 100 Punkten, was weit unter dem empfohlenen Standard von 90 oder mehr liegt.

1. Wer muss sich an das BFSG halten?

Das BFSG gilt für ein breites Spektrum von Unternehmen, darunter.

• Unternehmen, die digitale Dienstleistungen direkt für Verbraucher anbieten: Jedes Unternehmen, das digitale Dienste für die Öffentlichkeit anbietet, muss sicherstellen, dass diese Dienste zugänglich sind.
• Öffentliche Websites, Behördendienste und offizielle Plattformen: Behörden und Organisationen des öffentlichen Sektors sind verpflichtet, ihre digitalen Plattformen für alle Nutzer zugänglich zu machen.
• Websites, die Online Dienste oder Informationen für die Öffentlichkeit anbieten: Dazu gehören Plattformen, die Informationen oder Dienstleistungen für die Öffentlichkeit anbieten. ​

2. Welche Produkte und Dienstleistungen sind betroffen?

Das BFSG deckt eine breite Palette von digitalen Produkten und Dienstleistungen ab, wie z.B.:

• Websites, die Online Verkäufe, Buchungen oder Registrierungen abwickeln: E-commerce sites, Buchungsplattformen und alle Websites, die Nutzerregistrierungen ermöglichen, müssen barrierefrei sein.
• Mobile Anwendungen in Verbindung mit Online Diensten: Apps, die Dienste wie Bankgeschäfte, Einkäufe oder den Zugang zu Medien anbieten, müssen die Standards für Barrierefreiheit erfüllen.
• Öffentlich zugängliche digitale Dokumente: Dateien wie PDFs oder Formulare, die auf Websites verfügbar sind, müssen für alle Nutzer zugänglich sein. ​

Quelle: activeMind.legal

3. Gibt es Ausnahmen vom BFSG?

Bestimmte Einrichtungen können von den Anforderungen des BFSG befreit werden:

• Kleine Unternehmen: Unternehmen, die bestimmte Größen und Umsatzschwellen erreichen, können in Anbetracht des potenziellen Aufwands für die Einhaltung der Vorschriften befreit werden.
• Interne Systeme: Intranets und interne Anwendungen, die der Öffentlichkeit nicht zugänglich sind, müssen in der Regel nicht eingehalten werden.
• Business-to-Business Plattformen (B2B): Websites, die ausschließlich anderen Unternehmen dienen, können in bestimmten Situationen freigestellt werden.

Quelle: taylorwessing.com

4. Worauf sollten sich die Unternehmen jetzt konzentrieren?

Um sich auf die kommenden Anforderungen vorzubereiten, sollten Unternehmen:

• Die Relevanz überprüfen: Prüfen Sie, ob Ihre Technologieangebote tatsächlich in den Anwendungsbereich des BFSG fallen.
• Verbesserung anstreben: Führen Sie im Rahmen eines Audits eine Überprüfung der Barrierefreiheit durch, um notwendige Anpassungen zu identifizieren.
• Probleme planen und beheben: Erstellen Sie einen Plan, der die Herausforderungen der Barrierefreiheit lange vor dem Einhaltungsdatum löst, um Hürden in letzter Minute zu vermeiden.

5. Folgen der Nichteinhaltung

Die Nichteinhaltung der BFSG kann erhebliche Konsequenzen nach sich ziehen.

• Überwachung und Ausführung: Öffentliche Websites werden regelmäßig bewertet, während private Websites nach Beschwerden von Nutzern überprüft werden können.
• Bußgelder: Die Nichteinhaltung kann erhebliche Geldstrafen nach sich ziehen, die in Germany bis zu 500.000 Euro betragen können.
• Schädigung des Rufs: Unternehmen, die die Vorschriften nicht einhalten, können einen Imageschaden erleiden, der zu einem Verlust von Kunden und Einnahmen führen kann.

Indem sie sich proaktiv mit den Anforderungen der Barrierefreiheit auseinandersetzen, können Unternehmen die Einhaltung des BFSG sicherstellen, die Benutzerfreundlichkeit verbessern und potenzielle rechtliche und rufschädigende Risiken vermeiden.

Organisationen verfügen über eine Reihe von Richtlinien und rechtlichen Voraussetzungen, um sicherzustellen, dass ihre Web Informationen für alle Benutzer, einschließlich Menschen mit Behinderungen, zugänglich sind.

Richtlinien für die Barrierefreiheit von Web Inhalten (WCAG) 2.1 und 2.2

Als Teil der Web Content Accessibility Guidelines (WCAG), die vom World Wide Web Consortium (W3C) erstellt wurden, hat die WCAG 2.1, die im Juni 2018 herauskam, einige Richtlinien für die Barrierefreiheit von Websites für Menschen mit Sehbehinderungen und kognitiven Einschränkungen eingeführt. Im Oktober 2023 wurde mit WCAG 2.2 die Barrierefreiheit der Inhalte durch Hinzufügen neuer Erfolgskriterien zu 2.1 noch weiter verbessert.

Die WCAG beruhen auf vier Grundprinzipien, die sicherstellen, dass Webinhalte.

• Wahrnehmbar: Informationen müssen so dargestellt werden, dass sie von den Nutzern wahrgenommen werden können, z. B. durch die Bereitstellung von Textalternativen für Nicht-Text-Inhalte.
• Bedienbar: Der Eingriff in diese Komponenten sollte möglich sein, d.h. es muss möglich sein, sie über die Tastatur zu bedienen, und es muss ausreichend lange dauern, bis die Benutzer den Inhalt lesen und bedienen können.
• Verstehbar: Die Informationen, die gelesen werden können, bzw. die Operationen, die in einer Computeranwendung oder auf einer Webseite möglich sind, die dem Benutzer zur Verfügung gestellt wird, sollten mit einfachen englischen Worten erfolgen.
• Robust: Die Informationen müssen immer zuverlässig sein, auch wenn der Zugriff über mehrere Benutzer-Agenten erfolgt, einschließlich unterstützender Technologien.

In Germany gibt es ständige Gesetze, die die Barrierefreiheit im Internet regeln, wie z. B. das:

• Gesetz zur Gleichstellung von Menschen mit Behinderungen (Behindertengleichstellungsgesetz - BGG): Das BGG ist ein Gesetz zur Förderung der Chancengleichheit von Menschen mit Behinderungen und gewährleistet die Barrierefreiheit in verschiedenen Bereichen wie der Informationstechnik.
• Barrierefreie Informationstechnik Verordnung (BITV) 2.0: Diese Verordnung legt das Niveau der Barrierefreiheit von Informationstechnologien in Übereinstimmung mit den WCAG 2.1 fest. Sie ist für den Einsatz im öffentlichen Sektor für Websites und mobile Anwendungen gedacht und bietet Zugang in den folgenden Formen: wahrnehmbar, bedienbar, verständlich und robust.
• European Accessibility Act (EAA): Hierbei handelt es sich um eine Richtlinie der EU, die darauf abzielt, die Barrierefreiheit in allen Mitgliedsländern zu standardisieren. Die EAA deckt mehr Produkte und Dienstleistungen ab als alle anderen Rechtsdokumente, einschließlich Web und Mobilanwendungen, mit Ausnahme des öffentlichen Auftragswesens.
• EN 301 549: Dies ist eine europäische Norm, die die Barrierefreiheit für Produkte und Dienstleistungen der Informations und Kommunikationstechnologie (IKT) festlegt. Sie ist für das öffentliche Beschaffungswesen gedacht, enthält aber auch die WCAG Richtlinien. Sie hat Auswirkungen auf nationale Rechtsvorschriften wie die BITV 2.0.

Die WCAG definiert drei Konformitätsstufen zur Messung der Barrierefreiheit.

• Stufe A: Die Mindeststufe, die die grundlegenden Merkmale der Barrierefreiheit im Web behandelt.
• Stufe AA: Die mittlere Stufe, die sich mit den größten und häufigsten Barrieren für Benutzer befasst.
• Stufe AAA: Die höchste und komplexeste Stufe, die das höchste Niveau der Barrierefreiheit im Internet anstrebt.

Die meisten Organisationen streben die Stufe AA an, da sie die wichtigsten Barrieren abdeckt, ohne so restriktiv zu sein wie die Stufe AAA.

Technische Anforderungen

• Verwenden Sie semantisches HTML über die Fluid Vorlagen von TYPO3.
• Stellen Sie sicher, dass responsive Designs auf allen Geräten richtig skalieren.
• Überprüfen Sie TYPO3 Extension auf korrekte ARIA Rollen und Bezeichnungen.
• Vermeiden Sie die ausschließliche Verwendung von Farbe oder Icons, um wichtige Informationen zu vermitteln.

Design und visuelle Überlegungen

• Kontrastreiche Farben und gut lesbare Schriftarten.
• Logische Seitenstruktur mit klaren Überschriften und Bereichen.
• Einfache Sprache und klare Anweisungen.
• Gültige Fehlerrückmeldungen, insbesondere bei TYPO3 Formularen.
• Sicherstellen, dass die Alt-Texte korrekt ausgefüllt werden, mit TYPO3 Support im Backend.

Benutzerfreundlichkeit und Interaktion

• Barrierefreiheit per Tastatur: Alle Funktionalitäten müssen über die Tastatur erreichbar sein.
• Fokus Indikatoren: Sichtbare Fokuszustände für interaktive Elemente.
• Zeitliche Begrenzungen: Optionen zur Verlängerung oder Aufhebung von Zeitlimits.
• Barrierefreiheit von Formularen: Klare Beschriftungen, Anweisungen und Fehlermeldungen.

Medien und alternative Inhalte

• Alt-Text für Bilder: Beschreibende Textalternativen.
• Untertitel und Transkriptionen: Audio und Videoinhalte.
• Komplexes Bildmaterial: Detaillierte Beschreibungen für Diagramme und Infografiken.

• Bilder ohne Alt-Text - Jedes Bild muss einen angemessenen Alt-Text haben, der den Inhalt des Bildes und seinen Verwendungszweck definiert. Verwenden Sie keine Dateinamen wie "image123“ oder vage Wörter wie „Bild“. Alt-Text ermöglicht es Blinden, die Bilder mit Hilfe von Bildschirmlesegeräten zu nutzen.
• Keine manuelle Prüfung - Automatisierte Tools sind nützlich, aber autonome Tools sind nie fehlerfrei. Sie könnten bestimmte Probleme übersehen, wie z. B. Farbkontraste oder Linktext, der nicht definiert ist. Überprüfen Sie Ihre Website immer manuell, um sicherzustellen, dass sie für alle, auch für Menschen mit Behinderungen, leicht zu navigieren ist.
• Übermäßig komplexe Schriftarten und typen - Die Verwendung dekorativer Schriftarten ist nicht nur schön anzusehen, sondern auch stilvoll. Aber für Menschen mit Legasthenie oder Sehschwäche kann dies eine unangenehme Erfahrung sein. Übermäßige Blinkanimationen können ablenken oder, schlimmer noch, Epilepsieanfälle auslösen. Halten Sie sich an Standardschriftarten, die leicht zu lesen sind, und vermeiden Sie alle nicht erforderlichen Bewegungen.
• CAPTCHA Systeme, die am einfachsten sind - Klassische CAPTCHAs, die Grafiken verwenden, oder solche, die nur verzerrten Text verwenden, schließen Benutzer aus, die visuelle oder kognitive Funktionsprobleme haben. Es muss ein anderer Ansatz gewählt werden, wie z. B. die Implementierung von audio basierten CAPTCHAs, die einfachere Möglichkeiten der Moderation bieten.
• Übersehene mobile Optimierung - Da viele Personen Mobiltelefone für den Zugriff auf Websites verwenden, ist es von entscheidender Bedeutung, sicherzustellen, dass der Prozess bequem ist. Verwenden Sie keine winzigen Schaltflächen oder Links, die schwer zu drücken sind.

• Verbesserte Benutzerfreundlichkeit für alle - Ob Menschen mit oder ohne Behinderung, jeder kann den Inhalt einer barrierefreien Website nutzen und verstehen. Gute Alt-Texte, klare Überschriften und eine einfache Navigation mit der Tastatur sind nur einige der Merkmale, die alle Nutzer schätzen.
• So bleiben Sie auf der sicheren Seite - Es gibt viele Gesetze, die die Barrierefreiheit im Internet regeln, wie das BFSG in Deutschland oder die EN 301 549 für Europa. Wenn Sie Ihre Website barrierefrei gestalten, können Sie diese Vorschriften einhalten und rechtliche Probleme vermeiden.
• Verbessert die SEO-Ergebnisse - Barrierefreie und gut strukturierte Websites werden von den Suchmaschinen immer bevorzugt. Lesbarer Text innerhalb von Bildseiten, Alt-Texte für Bilder und korrekte Überschriftenstrukturen verbessern die Sichtbarkeit und das Ranking in der Suche.
• Erhebliche Steigerung des Markenimages - Wenn Sie Ihr Produkt auf einer barrierefreien Website präsentieren, zeigt das, dass Ihnen Barrierefreiheit und Benutzerfreundlichkeit wichtig sind, was die Kunden zu schätzen wissen. Dies stärkt das Vertrauen in die soziale Verantwortung Ihres Unternehmens und wirkt sich positiv auf Ihr Markenimage aus.

Es gibt viele Möglichkeiten, die Barrierefreiheit der TYPO3 Website zu verbessern. Im Folgenden finden Sie die wichtigsten Punkte, um sicherzustellen, dass Ihre Website zugänglich und benutzerfreundlich ist und den Standards für Barrierefreiheit entspricht.

• Führen Sie eine Barrierefreiheitsprüfung durch - Beginnen Sie damit, Ihre Website daraufhin zu überprüfen, wie zugänglich sie ist und wo sie Defizite aufweist.
• Beziehen Sie sich auf die gesetzlichen Richtlinien - Wenn Sie an den Vorlagen der Website arbeiten oder Inhalte hinzufügen, stellen Sie sicher, dass die Standards für Barrierefreiheit auf der Website eingehalten werden.
• Holen Sie sich Extension für Barrierefreiheit - Verwenden Sie TYPO3 Extension, die für Barrierefreiheit geeignet sind, um die Benutzerfreundlichkeit für alle zu verbessern.
• Routinemäßige Wartung - Machen Sie es sich zur Gewohnheit, die Website zu besuchen und sicherzustellen, dass sie barrierefrei ist, insbesondere wenn sich Layouts und Inhalte im Laufe der Zeit ändern.
• Trainieren Sie Ihr Team - Stellen Sie sicher, dass Redakteure und Entwickler wissen, wie sie die Barrierefreiheit von TYPO3 nutzen können, z. B. durch Hinzufügen von Alt-Tags und Verwendung von Zwischenüberschriften.