06.06.2026 | Lesezeit: ca. 5 Minuten

Barrierefreies TYPO3 — was das CMS schon mitbringt

Die halbe Arbeit steckt schon drin

Modulare CMS-Bausteine mit Barrierefreiheits-Häkchen und einem ineinandergreifenden Zahnrad in Blau und Türkis

Barrierefreiheit klingt nach einem eigenen, teuren Projekt, das man irgendwann zusätzlich startet. Wer eine Webseite mit TYPO3 betreibt, hat einen großen Teil der Arbeit aber längst im Haus, ohne es zu merken. Das System legt die technischen Fundamente, und Du füllst sie mit Sorgfalt.

Das nimmt den Druck aus dem Thema. Du baust nicht alles von Grund auf. Stattdessen erkennst Du vor allem, welche Werkzeuge das Backend bereitstellt und wo Deine Pflege den Unterschied macht.

Was barrierefrei von Haus aus bedeutet

Ein Content-Management-System sitzt zwischen Dir und dem fertigen HTML. Du füllst Felder und wählst Bausteine, und das System übersetzt das in den Code, den Browser und Vorleseprogramme verstehen. Wie sauber diese Übersetzung ausfällt, hängt zu einem guten Teil am CMS.

TYPO3 gibt sich hier Mühe. Viele Bausteine erzeugen von sich aus ordentliche Strukturen, und an mehreren Stellen erinnert Dich das Backend aktiv daran, die richtigen Angaben zu machen. Was am Ende ankommt, entscheidet sich also schon bei der Pflege, lange bevor ein Prüfwerkzeug die fertige Seite ansieht.

Das Alt-Text-Feld sitzt schon im Backend

Jedes Bild, das Du in TYPO3 hochlädst, bringt ein eigenes Feld für die Textalternative mit. Du musst kein Modul nachrüsten und keinen Code öffnen. Das Feld ist da, sobald Du eine Grafik anhängst, und wartet auf eine kurze Beschreibung.

Genau dieser Text macht ein Bild für einen blinden Menschen erst zugänglich. Ein Vorleseprogramm liest ihn anstelle der Grafik vor, und auch wenn ein Bild nicht lädt, erscheint er als Ersatz. Das CMS stellt das Feld bereit, doch füllen musst Du es selbst.

Wie Du einen guten Alt-Text formulierst, behandelt ein eigener Beitrag. Aus Sicht des Systems zählt hier nur eines. Der richtige Ort für die Beschreibung ist im Backend bereits vorbereitet und steht bei jedem Bild bereit.

Überschriften kommen aus den Content-Elementen

Wenn Du in TYPO3 ein Text-Element anlegst, wählst Du dazu eine Überschrift und ihren Rang. Das System rendert daraus die passende Ebene im Quelltext, ganz ohne Dein Zutun. Du arbeitest mit einer Auswahl, das CMS kümmert sich um die korrekte Auszeichnung.

Das ist mehr als Kosmetik. Vorleseprogramme nutzen die Überschriften als Inhaltsverzeichnis und springen von Punkt zu Punkt. Eine saubere Rangfolge wird so zur Landkarte durch Deine Seite, eine durcheinandergewürfelte schickt Menschen in die Irre.

Die Verantwortung bleibt bei Dir, denn die Reihenfolge gibst Du vor. Welche Logik dahintersteckt und warum die Reihenfolge der Überschriften so wichtig ist, vertieft ein eigener Beitrag. Das Werkzeug für die richtige Wahl liegt im Element-Editor direkt vor Dir.

Sauberes Markup ohne eigenes Zutun

Hinter den Kulissen erzeugt TYPO3 aus Deinen Eingaben strukturiertes Markup. Listen werden als echte Listen ausgegeben, Links als Links, Tabellen als Tabellen. Vorleseprogramme können daran ablesen, was ein Element wirklich ist, und das kündigen sie ihren Nutzern an.

Für Dich heißt es, dass eine mit den richtigen Bausteinen gepflegte Seite die wichtigste Grundlage schon erfüllt. Eine Aufzählung, die Du als Liste anlegst, kommt als Liste an. Eine Aufzählung, die Du mit Bindestrichen in einen Fließtext tippst, bleibt für ein Vorleseprogramm unsichtbar.

Deine Aufgabe ist also, die gedachten Bausteine auch wirklich zu benutzen. Wenn etwas eine Liste ist, leg eine Liste an. Wenn etwas ein Zwischentitel ist, mach eine Überschrift daraus. Das CMS belohnt diese Disziplin mit Markup, das von allein zugänglich ist.

Sprache sagt das System dem Vorleseprogramm

Ein Vorleseprogramm spricht jede Seite in einer bestimmten Sprache aus. Bekommt es die falsche, klingt ein deutscher Text wie Kauderwelsch mit englischer Aussprache. Die Information, in welcher Sprache Deine Seite verfasst ist, gibt TYPO3 automatisch mit.

Diese Angabe stammt aus der Konfiguration Deiner Webseite und reist bei jeder Seite unsichtbar mit. Betreibst Du mehrere Sprachversionen, sorgt das System dafür, dass jede Fassung die passende Kennung trägt. Du pflegst Inhalte, das CMS hängt die richtige Sprache an.

Spannend wird es erst, wenn in einem deutschen Text ein längeres Zitat in einer anderen Sprache steht. Dann lohnt ein Blick, ob Dein Editor diese Stelle gesondert kennzeichnen kann. Für den Normalfall einer einsprachigen Seite ist die Arbeit aber schon erledigt.

Formulare mit Beschriftung statt Bastelei

Das Form Framework ist der hauseigene Weg, in TYPO3 Formulare zu bauen. Du ziehst Felder zusammen und vergibst zu jedem eine Beschriftung. Genau diese Beschriftung wird im Hintergrund fest mit dem Eingabefeld verknüpft, sodass ein Vorleseprogramm beides zusammen ausspricht.

Der Effekt ist groß. Wer nicht sehen kann, hört beim Sprung in ein Feld, was dort hingehört, statt vor einem stummen Kästchen zu stehen. Pflichtfelder und Fehlermeldungen lassen sich so anlegen, dass sie ankommen und nicht still im Layout verschwinden.

Damit das trägt, gibst Du jedem Feld eine sprechende Beschriftung. Ein Feld mit der Beschriftung „Deine E-Mail-Adresse" hilft allen, ein Feld ganz ohne Beschriftung schließt Menschen aus. Das Werkzeug nimmt Dir den schweren Teil ab, die klaren Worte steuerst Du bei.

Wo das CMS aufhört und Du anfängst

Bei aller Vorarbeit gilt eine ehrliche Grenze. TYPO3 liefert solide Fundamente, doch eine fertig barrierefreie Seite garantiert es nicht. Leere Alt-Text-Felder, eine wilde Überschriften-Folge oder schwache Farbkontraste bügelt kein System für Dich aus.

Auch das gewählte Sitepackage entscheidet mit. Frische Designs achten oft auf Tastatur-Bedienung und ausreichende Kontraste, ältere Themes hinken hinterher. Bei einem Relaunch lohnt deshalb die Frage an Deine Agentur, wie barrierefrei das eingesetzte Theme ausgeliefert wird.

Der Rest ist tägliche Pflege. Die vier WCAG-Grundlagen geben Dir den Rahmen, an dem Du Deine Inhalte ausrichtest. Das CMS reicht Dir das Werkzeug, die Sorgfalt im Alltag bleibt Deine.

Fazit

TYPO3 nimmt Dir bei der Barrierefreiheit mehr ab, als die meisten vermuten. Das Alt-Text-Feld, die Überschriften aus den Content-Elementen, sauberes Markup, die mitgelieferte Sprache und beschriftbare Formulare sind ein starkes Fundament, das Du nicht erst bauen musst.

Damit verschiebt sich Deine Aufgabe von der Technik zur Sorgfalt. Nutze die Felder, die das System bereithält, wähle die Bausteine bewusst, und Deine Seite wird Stück für Stück für mehr Menschen nutzbar. Der größte Hebel ist die Gewohnheit, jedes Feld auch zu füllen.