Barrierefreie Website-Checkliste für 2026 Compliance

Gesetzliche Richtlinien und Anforderungen an die Barrierefreiheit

Organisationen müssen gesetzliche Anforderungen, technische Standards und Richtlinien zur Barrierefreiheit einhalten, damit digitale Informationen für alle Menschen nutzbar sind, einschließlich Menschen mit Behinderungen. Bei TYPO3-Websites sollten diese Vorschriften die Gestaltung, Entwicklung, Inhaltspflege, Prüfung und Wartung bestimmen.

WCAG 2.2

WCAG 2.2 ist das wichtigste technische Rahmenwerk für die Barrierefreiheit im Web. Es basiert auf vier Prinzipien: Inhalte sollten wahrnehmbar, bedienbar, verständlich und robust sein.

Bei TYPO3-Websites unterstützt WCAG 2.2 die Überprüfung von Templates, Formularen, Menüs, Medien, Dokumenten, Inhaltsstrukturen und interaktiven Elementen. Die meisten Websites sollten die Konformitätsstufe AA anstreben.

BFSG

Das Barrierefreiheitsstärkungsgesetz (BFSG) gilt in Deutschland für bestimmte Produkte und Dienstleistungen, insbesondere für verbraucherorientierte digitale Dienstleistungen wie E-Commerce, Bankdienstleistungen, Apps, E-Books und andere öffentlich zugängliche Onlinedienste.

Für TYPO3-Websites bedeutet die Vorbereitung auf das BFSG, Checkout-Abläufe, Formulare, Buchungssysteme, Anmeldebereiche, Dokumente und zentrale Nutzerwege zu überprüfen.

BITV 2.0

Die BITV 2.0 ist insbesondere für Websites des öffentlichen Sektors in Deutschland relevant. Sie legt Anforderungen an die Barrierefreiheit öffentlicher Websites, Anwendungen, Formulare, Dienstleistungen und Dokumente fest.

Öffentliche Organisationen, die TYPO3 verwenden, sollten Templates, Navigation, PDF-Dateien, Formulare, Spracheinstellungen und Erklärungen zur Barrierefreiheit überprüfen.

Europäischer Rechtsakt zur Barrierefreiheit

Der Europäische Rechtsakt zur Barrierefreiheit (EAA) ist eine Richtlinie auf EU-Ebene, die die Anforderungen an die Barrierefreiheit in den Mitgliedstaaten verbessert. Er umfasst Produkte und Dienstleistungen wie E-Commerce, Bankdienstleistungen, E-Books, verkehrsbezogene Dienstleistungen, Smartphones, Computer und digitale Benutzeroberflächen.

EN 301 549

EN 301 549 ist ein europäischer Standard für die Barrierefreiheit von Produkten und Dienstleistungen der Informations- und Kommunikationstechnologie. Er ist für die öffentliche Beschaffung, Unternehmensprojekte, Audits der Barrierefreiheit und die technische Zuordnung von Compliance-Anforderungen hilfreich.

BGG

Das Behindertengleichstellungsgesetz (BGG) unterstützt die gleichberechtigte Teilhabe von Menschen mit Behinderungen in Deutschland und ist insbesondere für die Barrierefreiheit im öffentlichen Sektor wichtig.

Kurze Vergleichstabelle

WCAG im Vergleich zu BFSG, BITV 2.0 und EAA

Standards und Gesetze zur Barrierefreiheit erfüllen unterschiedliche Funktionen. Einige erklären, wie Websites barrierefrei gestaltet werden, während andere festlegen, wer die Anforderungen erfüllen muss und wo die Vorschriften gelten.

Für TYPO3-Websites eignet sich WCAG 2.2 am besten als praktische Checkliste, während BFSG, BITV 2.0, EAA und EN 301 549 dabei helfen, den rechtlichen und Compliance-bezogenen Kontext zu definieren.

Was hat sich mit WCAG 2.2 geändert?

WCAG 2.2 ergänzt neue Erfolgskriterien, die die Barrierefreiheit für Tastaturnutzer, mobile Nutzer, Menschen mit eingeschränktem Sehvermögen sowie Nutzer mit kognitiven oder motorischen Einschränkungen verbessern.

WCAG 2.2 eignet sich besser für eine zukunftssichere Barrierefreiheit, da der Standard moderne Website-Muster wie mobile Benutzeroberflächen, fixierte Elemente, Anmeldeabläufe, mehrstufige Formulare und ziehbasierte Interaktionen berücksichtigt. Bei TYPO3-Websites hilft er Teams dabei, Templates, Formulare, Extensions, Navigation, Inhalte und redaktionelle Arbeitsabläufe effektiver zu überprüfen.

Checkliste für eine barrierefreie Website

Bevor Sie die detaillierten Anforderungen an die Barrierefreiheit überprüfen, beginnen Sie mit dieser kurzen Checkliste. Sie hilft dabei, die wichtigsten Bereiche zu identifizieren, die sich auf die Benutzerfreundlichkeit, die Compliance und das gesamte Website-Erlebnis auswirken.

Verwenden Sie diese Tabelle als erste Prüfungsebene. Fahren Sie anschließend mit der unten stehenden detaillierten Checkliste fort, die technische Anforderungen, Design, Benutzerfreundlichkeit, Interaktion, Medien und TYPO3-spezifische Prüfungen der Barrierefreiheit abdeckt.

Häufige Fehler bei der Barrierefreiheit, die vermieden werden sollten

Neben Design- und Inhaltsproblemen entstehen viele Probleme mit der Barrierefreiheit, weil Teams auf schnelle Lösungen setzen, anstatt ordnungsgemäße Tests durchzuführen. Vermeiden Sie diese häufigen Fehler:

• Sich ausschließlich auf automatisierte Tools verlassen
  Tools können viele Probleme erkennen, aber sie können keine vollständige Barrierefreiheit bestätigen. Manuelle Prüfungen sind weiterhin erforderlich.
• Annehmen, dass ein Widget für Barrierefreiheit die Compliance garantiert
  Widgets können einige Steuerungsmöglichkeiten für Nutzer verbessern, aber sie können keine nicht barrierefreien Templates, Formulare, PDF-Dateien oder schlecht strukturierten Inhalte korrigieren.
• ARIA verwenden, obwohl semantisches HTML besser geeignet ist
  ARIA sollte die Barrierefreiheit unterstützen und nicht die korrekte HTML-Struktur ersetzen.
• Tastaturtests vergessen
  Jedes Menü, jedes Formular, jede Schaltfläche, jedes Pop-up und jeder Checkout-Schritt sollte ohne Maus funktionieren.
• Nicht barrierefreie PDF-Dateien veröffentlichen
  PDF-Dateien sollten lesbaren Text, korrekte Überschriften, Tags, Alternativtexte und eine logische Struktur enthalten.
• Unklare Linktexte verwenden
  Vermeiden Sie Links wie „Hier klicken“ oder „Mehr erfahren“ ohne Kontext. Verwenden Sie beschreibende Linktexte, die das Ziel des Links erklären.
• Redakteure nach technischen Korrekturen nicht schulen
  Die Barrierefreiheit kann erneut beeinträchtigt werden, wenn Redakteure nicht wissen, wie Überschriften, Alternativtexte, Tabellen, Links und Dokumente korrekt verwendet werden.

Vorteile einer barrierefreien Website

Eine barrierefreie Website bietet nicht nur Menschen mit Behinderungen Vorteile. Sie verbessert die Benutzerfreundlichkeit, das Vertrauen, die Sichtbarkeit in Suchmaschinen und die langfristige digitale Leistung.

• Besseres Nutzererlebnis für alle
  Eine klare Struktur, gut lesbare Inhalte, Tastaturunterstützung und eine einfache Navigation erleichtern allen Besuchern die Nutzung von Websites.
• Geringeres rechtliches Risiko
  Verbesserungen der Barrierefreiheit helfen Unternehmen und öffentlichen Organisationen dabei, sich auf gesetzliche Anforderungen wie das BFSG, die BITV 2.0 und die EU-Vorschriften zur Barrierefreiheit vorzubereiten.
• Bessere SEO-Grundlage
  Korrekte Überschriften, Alternativtexte, semantisches HTML, gut lesbare Inhalte und eine barrierefreie Navigation unterstützen sowohl Nutzer als auch Suchmaschinen.
• Höheres Vertrauen und stärkere Glaubwürdigkeit der Marke
  Barrierefreie Websites zeigen, dass ein Unternehmen Inklusion, Qualität und verantwortungsvolle digitale Kommunikation wertschätzt.
• Verbesserte Conversion-Pfade
  Barrierefreie Formulare, Checkout-Abläufe, Buchungsschritte und Kontaktmöglichkeiten reduzieren Hindernisse und helfen mehr Nutzern dabei, Aktionen erfolgreich abzuschließen.
• Bessere mobile Benutzerfreundlichkeit
  Verbesserungen der Barrierefreiheit erleichtern häufig auch die Nutzung von Websites auf kleinen Bildschirmen, mit Zoomfunktionen, Touch-Eingaben und unterschiedlichen Geräten.
• Bessere Vorbereitung auf Anforderungen des öffentlichen Sektors und von Unternehmen
  Barrierefreie Websites sind besser auf Audits, Beschaffungsanforderungen, Compliance-Prüfungen und die langfristige Wartung vorbereitet.

Barrierefreiheit und SEO: Wo sie sich überschneiden

Barrierefreiheit und SEO unterstützen häufig dasselbe Ziel: Website-Inhalte leichter verständlich, navigierbar und nutzbar zu machen. Eine gut strukturierte, barrierefreie Website kann auch von Suchmaschinen leichter gecrawlt und interpretiert werden.

Bei TYPO3-Websites sollten Barrierefreiheit und SEO gemeinsam für Templates, Inhaltselemente, Formulare, Medien und redaktionelle Arbeitsabläufe geplant werden.

Hilfreiche Tools zur Überprüfung der Barrierefreiheit im Web

Tools für Barrierefreiheit können dabei helfen, häufige Probleme zu erkennen, sollten jedoch keine manuellen Tests ersetzen. Der beste Ansatz besteht darin, automatisierte Prüfungen mit Tastaturtests, Screenreader-Tests und der Überprüfung realer Nutzerwege zu kombinieren.

Verwenden Sie diese Tools, um Probleme schneller zu finden, und überprüfen Sie wichtige Seiten anschließend manuell, insbesondere Formulare, Menüs, Checkout-Abläufe, PDF-Dateien und von TYPO3 generierte Inhalte.

Automatisierte Tests im Vergleich zu manuellen Tests

Automatisierte Tools sind hilfreich, um Probleme mit der Barrierefreiheit schnell zu finden, sie können jedoch keine vollständige Einhaltung der Anforderungen an die Barrierefreiheit nachweisen.

Manuelle Tests sind weiterhin erforderlich, um das tatsächliche Nutzererlebnis zu überprüfen, insbesondere in folgenden Bereichen:

• Tastaturnavigation
• Screenreader-Erlebnis
• Fokusverhalten
• Benutzerfreundlichkeit von Formularen
• Bedeutung der Inhalte
• Menüs, Pop-ups und interaktive Elemente
• Vollständige Nutzerwege wie Anmeldung, Checkout, Buchung oder Kontaktformulare

Der beste Ansatz besteht darin, automatisierte Scans mit manuellen Tests zu kombinieren. Dadurch erhalten Sie ein genaueres Bild davon, wie barrierefrei Ihre TYPO3-Website für echte Nutzer ist.

Tools, die Menschen beim Zugriff auf Websites unterstützen

Menschen mit Behinderungen verwenden unterschiedliche assistive Technologien und Funktionen für Barrierefreiheit, um Websites einfacher nutzen zu können. Diese Tools helfen Nutzern dabei, digitale Inhalte zu lesen, zu navigieren, zu verstehen und mit ihnen zu interagieren.

Zu den häufig verwendeten Tools gehören:

• Bildschirmleseprogramme, die Website-Inhalte für blinde oder sehbehinderte Nutzer vorlesen
• Braillezeilen, die digitalen Text in taktile Braille-Ausgabe umwandeln
• Tools zur Tastaturnavigation, die es Nutzern ermöglichen, ohne Maus zu navigieren
• Sprachbefehle, mit denen Nutzer Websites per Sprache steuern können
• Browser-Zoom zum Vergrößern von Text, Bildern und der Benutzeroberfläche
• Integrierte Barrierefreiheitsfunktionen des Betriebssystems wie Kontrastmodus, Bewegungsreduzierung und Textskalierung
• Schaltgeräte für Nutzer mit eingeschränkter Mobilität
• Spracherkennungswerkzeuge für freihändige Navigation und Eingabe
• Bildschirmlupen für Nutzer mit Sehbehinderung
• Untertitel und Live-Transkriptionswerkzeuge für Audio- und Videoinhalte

Aus diesem Grund sollten Websites mit unterschiedlichen Geräten, Browsern, Eingabemethoden und assistiven Technologien getestet werden.

TYPO3-spezifische Checkliste zur Barrierefreiheit

Die Barrierefreiheit in TYPO3 sollte über Templates, Formulare, Inhaltselemente, Extensions und mehrsprachige Einstellungen hinweg überprüft werden. Verwenden Sie diese Checkliste, um wichtige Bereiche zu identifizieren, die Aufmerksamkeit erfordern.

Diese Checkliste hilft TYPO3-Teams dabei, sowohl die technische Einrichtung als auch die täglichen redaktionellen Arbeitsabläufe zu überprüfen.

Was Sie auf Ihrer TYPO3-Website überprüfen sollten

Um sicherzustellen, dass Ihre TYPO3-Website barrierefrei ist, sollten Sie zunächst die wichtigsten Nutzerwege überprüfen. Beginnen Sie mit Seiten und Funktionen, die sich direkt auf Navigation, Conversions, gesetzliche Anforderungen oder den öffentlichen Zugang auswirken.

Konzentrieren Sie sich zunächst auf alles, was Nutzer daran hindert, eine wichtige Aktion abzuschließen. Verbessern Sie anschließend schrittweise Inhalte, Medien, Dokumente und visuelle Details.

Checkliste zur Barrierefreiheit nach Website-Typ

Unterschiedliche Websites weisen unterschiedliche Risiken im Bereich der Barrierefreiheit auf. Überprüfen Sie die wichtigsten Nutzerwege entsprechend der Art der von Ihnen verwalteten Website.

Beginnen Sie bei TYPO3-Websites mit den Seiten und Funktionen, auf die Nutzer am häufigsten angewiesen sind. Überprüfen Sie anschließend unterstützende Inhalte, Dokumente, Medien und redaktionell verwaltete Seiten, damit die gesamte Website langfristig barrierefrei bleibt.

So verbessern Sie die Barrierefreiheit Ihrer TYPO3-Website

Die Verbesserung der Barrierefreiheit sollte schrittweise erfolgen. Beginnen Sie mit den wichtigsten Seiten, beheben Sie zuerst kritische Barrieren und integrieren Sie die Barrierefreiheit anschließend in die regelmäßige TYPO3 Wartung und die redaktionellen Arbeitsabläufe.

30-Tage-Plan zur Verbesserung der Barrierefreiheit

Führen Sie nach den ersten 30 Tagen weiterhin Prüfungen der Barrierefreiheit bei TYPO3-Aktualisierungen, der Veröffentlichung von Inhalten, Änderungen an Extensions und Neugestaltungen der Website durch.