Barrierefreiheit Websites mit TYPO3

Einfach ausgedrückt: TYPO3 Barrierefreiheit  stellt sicher, dass Menschen mit Behinderungen, wie z.B. Seh- oder Hörbehinderungen oder Mobilitätseinschränkungen, problemlos auf TYPO3 Websites zugreifen können. Barrierefreiheit bedeutet, dass Websites und Webanwendungen so gestaltet werden, dass sie von allen Menschen genutzt werden können, unabhängig von ihren physischen oder technischen Fähigkeiten.

Eine zugängliche TYPO3 Website ist eine Website, die:

• Ein sehbehinderter Benutzer kann mit einem Bildschirmlesegerät navigieren.
• Ein Benutzer mit eingeschränkter Mobilität kann nur mit einer Tastatur interagieren.
• eine hörgeschädigte Person über Untertitel auf Videoinhalte zugreifen kann

Als leistungsfähiges und flexibles Content Management System bietet TYPO3 eine breite Palette von Werkzeugen und Funktionen, um dynamische und ansprechende Websites zu erstellen. Um jedoch sicherzustellen, dass Ihre TYPO3-Website für alle Benutzer zugänglich ist, müssen Sie die Best Practices für Barrierefreiheit beachten.

• Inklusion: So können Sie ein breiteres Publikum erreichen und alle gleichermaßen ansprechen.
• Einhaltung von Gesetzen: Zugänglichkeitsgesetze wie WCAG, BITV 2.0, WCAG 2.2 und EAA (Europäische Zugänglichkeitsverordnung) schreiben die Einhaltung vor, um rechtliche Konsequenzen zu vermeiden.
• Verbesserte Suchmaschinenoptimierung: Suchmaschinen bevorzugen barrierefreie Websites, was zu besseren Platzierungen führt.
• Verbessertes Benutzererlebnis: Barrierefreiheit verbessert die Benutzerfreundlichkeit für alle Nutzer, nicht nur für Menschen mit Behinderungen.

Bei der Erstellung einer barrierefreien TYPO3 Website geht es nicht nur um die Erfüllung gesetzlicher Vorgaben, sondern auch um ein besseres, inklusives Online-Erlebnis für alle. Wenn Sie eine barrierefreie Website in TYPO3 erstellen, öffnen Sie die Türen zu einem breiteren Publikum, verbessern die Benutzerfreundlichkeit Ihrer Website und steigern Ihre SEO-Performance.

In Deutschland gelten zwei getrennte Regelwerke. Die BITV 2.0 ist die deutsche Verordnung, die seit Jahren für Bundesbehörden und öffentliche Stellen gilt. Das Barrierefreiheitsstärkungsgesetz (BFSG) ist neuer und deutlich weiter gefasst: Es setzt den European Accessibility Act in deutsches Recht um und gilt seit dem 28. Juni 2025 für Unternehmen der Privatwirtschaft, die Verbraucherinnen und Verbrauchern Produkte und Dienstleistungen anbieten. Wenn Sie einen Onlineshop, eine Buchungsstrecke, Online-Banking oder einen Ticketverkauf betreiben, ist das die Regelung, die Sie betrifft.

Die Barrierefreiheitsverordnung 2025 können Sie hier lesen -

Einfache Navigation

TYPO3 ermöglicht eine einfache und barrierefreie Navigation auf Ihrer Website.

• Benutzer können nur mit der Tastatur navigieren – ganz ohne Maus
• Sprungmarken („Skip Links“) ermöglichen das Überspringen von Menüs
• Eine klare Sitemap hilft dabei, Inhalte schnell zu finden

Verständliche Videos und Audios

• Fügen Sie Untertitel und Transkripte hinzu, damit Menschen mit Hörbeeinträchtigungen Videos und Podcasts folgen können
• Macht Ihre Medieninhalte für alle Besucher*innen nutzbar

Barrierefreiheit  Formulare

• Alle Formularfelder sind für Screenreader eindeutig beschriftet
• Hilfreiche Fehlermeldungen und Anleitungen sorgen für eine stressfreie Nutzung

ALT-Text-Beschreibungen für alle Bilder

• Fügen Sie ALT-Texte zu Bildern und Videos hinzu
• Unterstützt Menschen mit Sehbehinderungen beim Verstehen visueller Inhalte

Die Barrierefreiheit Ihrer TYPO3-Website stellt sicher, dass jeder, auch Menschen mit Behinderungen, problemlos durch Ihre Inhalte navigieren und mit ihnen interagieren können. Es geht um mehr als nur die Erfüllung gesetzlicher Anforderungen - es geht darum, ein Web-Erlebnis zu schaffen, das alle einschließt. Hier finden Sie alles, was Sie über die Erstellung einer barrierefreien Website mit TYPO3 wissen müssen.

Stellen Sie sicher, dass alle Nicht-Text-Inhalte, wie Bilder und Videos, eine Textalternative enthalten. Verwenden Sie Alt-Attribute für Bilder und Untertitel für Videos. Mit TYPO3 ist es einfach, diese Informationen direkt im Backend hinzuzufügen. Hilfe erhalten Sie mit der AI Extension für TYPO3 die Ihnen die Arbeit erleichtern soll.

Das TYPO3-Backend ist der zentrale Hub, in dem Administratoren, Redakteure und Content-Manager das Website-Management, einschließlich der Inhalts-Erstellung, der Template-Konfiguration und der Erweiterungsinstallation, durchführen. Während viel Wert auf die Zugänglichkeit des Frontends gelegt wird, ist es ebenso wichtig, ein zugängliches und barrierefreies TYPO3-Backend zu gewährleisten.

Warum die Barrierefreiheit TYPO3 Backend wichtig ist

• Inklusive Arbeitsumgebung - Jeder, unabhhängig von der Fähigkeit, sollte reibungslos in TYPO3 arbeiten können.
• Bessere Produktivität - Ein gut gestaltetes Backend erleichtert es Redakteuren, Inhalte zu verwalten.
• Rechtliche Konformität - Zugänglichkeitsregeln gelten auch für Arbeitsplatzwerkzeuge und gewährleisten einen fairen Zugang für alle Mitarbeiter.

T3AA (KI-Barrierefreiheit für TYPO3) ist eine Premium-TYPO3 Extension, mit der Teams Barrierefreiheits-Probleme finden, beheben und nachverfolgen – ohne das TYPO3-Backend zu verlassen. Sie unterstützt Ihre Arbeit in Richtung WCAG 2.1/2.2, EN 301 549, BITV 2.0 und BFSG – auf Portalen der öffentlichen Hand, auf Hochschul-Websites und auf den Verbraucher-Websites der Privatwirtschaft, die seit Juni 2025 in den Anwendungsbereich fallen.

Die aktuelle Version ist 14.4.1 (September 2026), kompatibel mit TYPO3 12.4 LTS, 13.4 LTS und 14.x unter PHP 8.2–8.4, Installation über Composer (nitsan/ns-t3aa).

Finden, beheben, nachweisen – der Kreislauf hinter T3AA

Die meisten Werkzeuge für Barrierefreiheit hören beim Bericht auf. T3AA ist als Arbeitsablauf gebaut, den Ihre Redaktion tatsächlich durchlaufen kann:

• Finden – eine Seite oder einen ganzen Seitenbaum prüfen und einen Accessibility-Health-Score erhalten, aufgeschlüsselt nach Schweregrad und WCAG-Stufe.
• Beheben – jeder Befund wird zu einer Karte im Fix Hub, die von „Neu“ über „In Arbeit“ zu „Erledigt“ wandert, mit Hinweisen zur Behebung und optionalem KI-Vorschlag.
• Nachweisen – zeitgesteuert erneut prüfen und verfolgen, wie offene Probleme weniger werden. So haben Sie einen Nachweis Ihrer Arbeit und nicht nur eine Momentaufnahme.

Warum T3AA – Die TYPO3 KI Barrierefreiheits Erweiterung verwenden?

• Prüfen funktioniert ohne KI. Scanner, Fix Hub, Live-Audit und Besucher-Widget brauchen weder KI-Anbieter noch API-Schlüssel.
• Ihre Redaktion behält die Kontrolle. Jeder KI-Entwurf – Alt-Text, einfache Sprache, Vertonung – wartet auf eine menschliche Freigabe, bevor er live geht.
• Ihre Inhalte bleiben in Ihrer TYPO3-Instanz. Mit eigenen API-Schlüsseln gehen Anfragen direkt von Ihrem Server zum KI-Anbieter.
• Das Besucher-Widget ist in der Lizenz enthalten und wird nicht als separates Abonnement verkauft.
• Läuft unter TYPO3 12, 13 und 14 – ein Upgrade wirft Ihre Arbeit an der Barrierefreiheit nicht zurück.

Was macht T3AA anders als andere Tools?

Die Studie WebAIM Million 2026 hat eine Million Startseiten untersucht und auf 95,9 % davon messbare WCAG-Verstöße gefunden – im Schnitt 56,1 Fehler pro Seite. Immer wieder dieselben Probleme: 83,9 % hatten Text mit zu geringem Kontrast, bei 53,1 % fehlten Alternativtexte und 51 % hatten Formularfelder ohne Beschriftung.

Das sind wiederkehrende Massenprobleme – genau die Art, die liegen bleibt, wenn ein Team unter Zeitdruck steht. Genau hier liegt der Nutzen von T3AA: Es räumt die Fleißarbeit weg, damit Ihre Leute sich um die Abwägungen kümmern können, die keine Maschine treffen kann.

Eine Einschränkung, klar gesagt: Automatisierte Tests decken nur maschinell prüfbare WCAG-Kriterien ab. Ein hoher Score bedeutet, dass die offensichtlichen Fehler beseitigt sind. Er ist kein Nachweis der Konformität, und T3AA ist keine Konformitätsgarantie. Screenreader-Fluss, Tastaturfallen und die Benutzbarkeit von Formularen brauchen weiterhin einen Menschen.

T3AA bündelt die Arbeit in einer Handvoll Oberflächen. Das leistet jede davon.

1. KI-Alternativtexte und Bild-Metadaten – mit Freigabe durch die Redaktion

T3AA listet jedes Bild in Ihren TYPO3-Dateimounts auf und zeigt pro Sprache, welche Bilder einen Alternativtext haben und welche nicht. Sie erzeugen Alt-Texte für ein einzelnes Bild, eine Auswahl oder einen ganzen Ordner – und das in mehreren Sprachen gleichzeitig.

• Entwürfe werden in die Datei-Metadaten geschrieben und bleiben als Entwurf markiert, bis eine Redakteurin oder ein Redakteur sie freigibt. Nichts erreicht ungeprüft die Besucher.
• Rein dekorative Bilder lassen sich als solche kennzeichnen, damit Screenreader sie korrekt überspringen statt sie zu beschreiben.
• Die Abdeckung wird pro Sprache erfasst – eine Website, die auf Deutsch vollständig und auf Englisch leer ist, fällt sofort auf.
• Funktioniert mit OpenAI Vision oder der AltText.ai-API, wahlweise mit T3Planet Credits oder Ihrem eigenen API-Schlüssel.

2. Fix Hub – jeder Befund wird zur Aufgabe mit klarer Zuständigkeit

Das ist der Teil, der den meisten Barrierefreiheits-Tools fehlt. Statt Ihnen ein PDF voller Probleme zu übergeben, macht T3AA aus jedem Befund eine Karte auf einem Board, die von Neu über In Arbeit zu Erledigt wandert.

• Filtern nach Schweregrad – kritisch, schwerwiegend, mittel, gering – oder nach WCAG-Stufe: A, AA, AAA und Best Practice.
• Jede Karte enthält die Regelbeschreibung, die Anzahl der Vorkommen und einen Hinweis zur Behebung, auf Wunsch mit KI-Vorschlag.
• Ein eingebauter Kontrast-Prüfer deckt WCAG 1.4.3 und das strengere 1.4.6 ab.
• Weil das Board den Stand speichert, können Sie Fortschritt über Wochen zeigen – nützlich, wenn jemand fragt, was Sie in Sachen Barrierefreiheit tatsächlich getan haben.

3. Live-Audit – Prüfung schon beim Schreiben

Das Live-Audit läuft direkt im CKEditor und meldet Probleme, während geschrieben wird – nicht Tage später in einem Bericht. Es braucht keinen KI-Anbieter.

• Erkennt leere Überschriften, übersprungene Überschriften-Ebenen, fett gesetzte Absätze, die so tun als wären sie Überschriften, und Überschriften, die so lang sind, dass sie ihren Zweck verfehlen.
• Meldet Bilder ohne Alt-Attribut, leere Alt-Werte, Dateinamen als Alt-Text und überflüssige Formulierungen wie „Bild von“.
• Prüft im selben Durchgang Kontraste, Links, Tabellen, Einbettungen und Formularfelder.
• Ein laufender Fehlerzähler sitzt in der Ecke des Editors, damit Probleme von der Person behoben werden, die sie erzeugt hat.

Diese eine Funktion verhindert mehr Probleme als jede Sammelkorrektur, weil sie verhindert, dass die Probleme überhaupt veröffentlicht werden.

4. Massenprüfungen, Scheduler, CLI und Lighthouse

Seite für Seite skaliert nicht. In T3AA wählen Sie einen Seitenbaum und eine Tiefe, stellen den gesamten Bereich in die Warteschlange und lassen es laufen.

• Seiten in die Bulk-Scans-Warteschlange legen und per TYPO3-Scheduler-Task oder CLI-Befehl abarbeiten – ideal für einen nächtlichen oder wöchentlichen Lauf.
• Ihre Lizenz legt ein Kontingent an prüfbaren Seiten fest; das Modul zeigt geprüfte Seiten, verbleibende Seiten und Ihr Limit auf einen Blick.
• Lighthouse-Prüfungen laufen zusammen mit der Barrierefreiheits-Prüfung, sobald Sie einen Google-PageSpeed-API-Schlüssel hinterlegen. Performance und Barrierefreiheit stehen damit in einem Bericht.

Die Prüfung braucht eine öffentlich erreichbare URL. Seiten hinter einem Login sowie localhost- und .ddev.site-Adressen lassen sich nicht prüfen.

5. KI-Vertonung und herunterladbare Audiodateien

Manche Besucher hören lieber, als zu lesen. Für Menschen mit Sehbeeinträchtigung, Legasthenie oder geringer Lesekompetenz entscheidet Audio oft darüber, ob eine Seite genutzt oder verlassen wird.

• Erzeugen Sie eine Vertonung des Seiteninhalts und binden Sie sie mit dem Inhaltselement „T3AA Voiceover“ ein.
• Wählen Sie Stimme, Modellvariante und Geschwindigkeit; Export als MP3, FLAC oder WAV.
• Machen Sie aus einem geschriebenen Skript eine herunterladbare Audiodatei – für Handbücher, Richtlinien oder Berichte.
• Nutzt standardmäßig T3Planet Credits; ElevenLabs-Stimmen erfordern einen eigenen ElevenLabs-Schlüssel.

6. Einfache Sprache mit Simplify Text

WCAG verlangt verständliche Inhalte, und einfache Sprache ist der Teil, zu dem die meisten Teams nie kommen. T3AA baut ihn in einen Arbeitsablauf ein, den TYPO3-Redaktionen bereits kennen.

• „Simplify Text“ erscheint als Option im TYPO3-Lokalisierungs-Assistenten, direkt neben manueller und KI-Übersetzung.
• Der Fließtext wird in einfacherer Sprache in der Zielsprache neu geschrieben. Die Fassung in einfacher Sprache wird damit zu einer Sprachvariante der Seite statt zu einer zweiten Seite, die separat gepflegt werden muss.
• Nützlich für Leserinnen und Leser mit kognitiven Einschränkungen oder geringen Deutschkenntnissen – und für die Anforderungen an Leichte Sprache, mit denen öffentliche Stellen konfrontiert sind.
• Wie bei jeder KI-Funktion ist das Ergebnis ein Entwurf, den die Redaktion vor der Veröffentlichung prüft.

7. Das Besucher-Widget für Barrierefreiheit – enthalten, kein Zusatzprodukt

T3AA bringt ein Frontend-Widget mit, mit dem Besucher Ihre Website selbst anpassen können, ohne etwas zu installieren.

• Fertige Profile für motorische Einschränkungen, Blindheit, Farbenblindheit, Legasthenie, Sehschwäche, kognitive und Lern-Bedürfnisse, Epilepsie, ADHS, ältere Menschen und Parkinson.
• Einzelne Regler für Zoom, gut lesbare Schriften, Schriftgröße, Buchstaben- und Wortabstand, Zeilenhöhe, Kontrast, Farbanpassung, Lesemasken und Lesehilfen, Hervorhebung von Links und das Anhalten von Animationen.
• Position, Größe, Layout, Branding und die Auswahl der angezeigten Profile sind im Backend konfigurierbar.
• Das Widget kann eine Barrierefreiheitserklärung für Sie erzeugen, wie sie öffentliche Stellen in Deutschland veröffentlichen müssen.
• Es werden keine Besucher-Logs und keine IP-Adressen gespeichert.

Eine wichtige Einschränkung: Ein Widget ist eine Hilfe für Besucher, kein Ersatz für barrierefreies Markup. Es macht Ihre Website allein weder WCAG- noch BFSG-konform. Das leisten die Korrekturen in Ihren Inhalten und Templates; das Widget sitzt obendrauf.

8. Human Expert – für die Probleme, die kein Scanner findet

Automatisierte Tests finden zuverlässig fehlende Alternativtexte und zu geringe Farbkontraste. Sie finden nicht den Screenreader-Fluss, Tastaturfallen, die Benutzbarkeit von Formularen oder die kognitive Belastung. Dafür braucht es einen Menschen.

Genau dafür bietet T3AA eine optionale betreute Prüfung an: Eine geschulte Fachkraft sieht sich Ihre neuen und geänderten Seiten monatlich an und meldet, was der Scanner übersehen hat. Sie läuft neben der Automatisierung und ersetzt sie nicht. Sie ist die ehrliche Antwort auf die oben beschriebenen Grenzen: Ein Scanner sagt Ihnen, dass Ihr Markup sauber ist; ein Mensch sagt Ihnen, ob Ihre Website tatsächlich benutzbar ist.

Was T3AA kostet

• 30 Tage kostenlos testen, ohne Kreditkarte, und ohne dass der Test automatisch in einen Bezahltarif übergeht.
• Ab 399 € pro Jahr für eine Produktivdomain, mit Staffeln für mehrere Domains. Staging- und lokale Installationen sind kostenlos.
• AI Credits sind optional und werden im Voraus bezahlt – 50 Credits zum Start, danach Pakete ohne automatische Aufladung und ohne Nachberechnung. Scans, Lighthouse, Live-Audit und das Widget verbrauchen überhaupt keine Credits, und Sie können stattdessen eigene API-Schlüssel nutzen.
• 30 Tage Geld-zurück-Garantie.

Wenn Sie eine Website in TYPO3 erstellen, ist es wichtig, die Regeln zur Barrierefreiheit einzuhalten, damit Ihre Site für alle nutzbar ist – auch für Menschen mit Behinderungen. Das sind die vier Regelwerke, die in Europa am meisten zählen, und für wen sie jeweils gelten.

Zwei Ausnahmen sind wichtig zu kennen. Nach dem BFSG sind Kleinstunternehmen – weniger als 10 Beschäftigte und höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme – bei Dienstleistungen wie einem Onlineshop ausgenommen; für Produkte gilt diese Ausnahme nicht. Und ein Shop, über den tatsächlich keine Verträge mit Verbrauchern geschlossen werden können, also reines B2B, fällt nicht in den Anwendungsbereich.

Das ist eine allgemeine Orientierung und keine Rechtsberatung. Wenn Sie unsicher sind, wo Ihre Organisation steht, klären Sie das mit Ihrer Rechtsabteilung.