Contao ist weder barrierefrei noch nicht barrierefrei – auch wenn Barrierefreiheit zum Selbstverständnis des Projekts gehört. Entscheidend ist, was Ihre Website im Browser ausliefert: die Templates, die Sie überschrieben haben, das CSS Ihres Themes, Ihre Erweiterungen und die Inhalte Ihrer Redaktion. Diese Seite trennt, was Contao mitbringt, von dem, was Ihre Aufgabe bleibt – für öffentliche Stellen nach BITV 2.0 ebenso wie für Unternehmen nach dem BFSG.
Gilt das BFSG für Ihre Contao-Website?
Das BFSG erfasst nicht Websites als solche, sondern bestimmte Dienstleistungen für Verbraucher – darunter elektronischen Geschäftsverkehr, Bankdienstleistungen, Telekommunikation, E-Books und Elemente der Personenbeförderung. Dafür gilt es seit dem 28. Juni 2025 und setzt den European Accessibility Act um [1][2]. Eine reine Informationswebsite eines Unternehmens ist in der Regel selbst keine dieser Dienstleistungen. Eine Buchungs- oder Bestellfunktion darauf kann es sein: Schließen Verbraucher über Ihre Website einen Vertrag, ist dieser Teil eine „Dienstleistung im elektronischen Geschäftsverkehr“ (§ 1 Abs. 3 Nr. 5 BFSG) [1].
Dasselbe gilt für eine Contao-Website mit Shop. Einen Shop hat Contao im Core nicht; die meistgenutzte Erweiterung dafür ist Isotope eCommerce [12]. Verkaufen Sie darüber an Verbraucher, betreiben Sie einen Onlineshop im Sinne des Gesetzes – siehe BFSG für Onlineshops. Ein reines B2B-Angebot ist keine Dienstleistung für Verbraucher. Kleinstunternehmen, die Dienstleistungen erbringen, sind ausgenommen: weniger als zehn Beschäftigte und höchstens 2 Mio. € Jahresumsatz oder Jahresbilanzsumme (§ 2 Nr. 17, § 3 Abs. 3 BFSG) [1]; Einzelheiten unter Ausnahme für Kleinstunternehmen.
Viele Contao-Websites gehören öffentlichen Stellen. Für sie gilt stattdessen die BITV 2.0 mit eigener Erklärung zur Barrierefreiheit und Feedback-Pflichten. Die Prüfarbeit nach WCAG 2.2 AA ist in beiden Fällen dieselbe. Den Gesamtüberblick finden Sie im Leitfaden zu BFSG und EAA; vergleichbare Systeme behandeln die Seiten zu TYPO3 und Neos.
Was Contao mitbringt – und was nicht
Sie bekommen:
- Ein Projekt, das sich schriftlich zur Barrierefreiheit bekennt. Contao schreibt, dass Sie damit barrierefreie Webseiten erstellen können, die die Anforderungen der BITV 2.0 und des BFSG erfüllen, und dass der Administrationsbereich selbst weitestgehend barrierefrei und mit assistiven Technologien kompatibel ist [3]. Laut Funktionsübersicht basiert das Frontend vollständig auf anpassbaren Templates [4].
- Twig-Templates mit geregelter Vererbung. Seit Contao 5.0 basieren alle Inhaltselemente auf Twig-Templates [5]. Seit 5.7 hat jedes alte
.html5-Template ein Twig-Gegenstück, und in Contao 6 werden.html5-Templates nicht mehr unterstützt [9]. Eine Korrektur im Core erreicht Sie, solange Sie ein Template erweitern, statt es zu ersetzen. - Barrierefreiheits-Funktionen in jedem Release. Mit 5.4 können Sie Navigationsmodulen ARIA-Labels geben [6]. 5.5 brachte Untertitel für Videos (Untertitel oder Audiodeskription), das
autocomplete-Attribut für alle Formularfelder und Titel für YouTube- und Vimeo-Einbindungen [7]. 5.6 liefert ein barrierefreies Navigations-Template,mod_navigation_accessible.html5, das auf kleinen Bildschirmen zum Burger-Menü wird [8]. - Strukturierte Bild-Metadaten. Die Dateiverwaltung speichert Titel, Alternativtext, Link und Bildunterschrift je Datei, getrennt für jede Sprache [10]. Im Überschriften-Element wählt die Redaktion die Überschriftenebene, nicht eine Schriftgröße [11].
- Langzeitsupport. LTS-Versionen werden vier Jahre unterstützt [3]; Contao 5.7 LTS bekommt Updates bis Februar 2030 [9].
Sie bekommen nicht:
- Die Korrekturen in Templates, die Sie ersetzt haben. Ein kopiertes Template behält das Markup seiner Vorlage, und viele Contao-4-Themes haben ganze Templates ersetzt.
- Ein barrierefreies Theme. Contao liefert kein fertiges Frontend-Design; Farben, Fokus-Stile und Layout kommen aus Ihrem Theme.
- Gute Alt-Texte. Das Feld gibt es; ob die Redaktion es ausfüllt – in jeder Sprache –, liegt bei ihr.
- Ein unterstütztes Contao 4. Seit dem Erscheinen von 5.7 am 18. Februar 2026 erhält Contao 4.13 keine Updates mehr [9].
Was wir auf Contao-Websites finden
Templates und Themes aus Contao-4-Zeiten
Langjährige Contao-Websites entstanden oft auf 4.x, mit einem templates-Ordner voller .html5-Overrides. Diese Overrides übernehmen nichts von dem, was der Core seitdem verbessert hat.
Mobile Navigation und Skip-Links
Vor 5.6 gab es im Core kein barrierefreies mobiles Menü [8], also bauen die meisten Websites ihr eigenes: ein Burger-Button, der ein div oder ein Link statt eines Buttons ist, kein aria-expanded, ein geschlossenes Menü, durch das man trotzdem tabben kann, und ein offenes Menü, aus dem der Fokus nach hinten wegläuft. Mehrere Navigationen ohne unterscheidbare Beschriftung liest ein Screenreader dreimal als „Navigation“ vor – genau deshalb hat Contao in 5.4 ARIA-Labels für Navigationsmodule eingeführt [6].
Redaktionsinhalte aus TinyMCE
Das Text-Element nutzt den Rich-Text-Editor TinyMCE [11]. Damit wählt die Redaktion eine Überschrift nach Größe statt nach Ebene, setzt Text fett, statt eine Liste auszuzeichnen, und fügt Tabellen aus Word ein. Überschriften-Chaos ist der häufigste Befund auf inhaltsreichen Contao-Websites, und kein Template ändert Inhalte, die schon da sind.
Alt-Texte in einer Sprache, in der anderen nicht
Contao speichert Alternativtexte in der Dateiverwaltung je Sprache [10]. Auf mehrsprachigen Websites ist der deutsche Alt-Text oft gepflegt und der englische leer.
Formulare aus dem Formulargenerator
Häufige Befunde im Formulargenerator: Pflichtfelder nur mit Sternchen gekennzeichnet, Fehlermeldungen, die nicht sagen, was falsch ist, Radio-Gruppen ohne Gruppenbeschriftung und Adressfelder ohne autocomplete – das Contao seit 5.5 für jedes Feld erlaubt [7], das aber niemand nachträglich setzt.
Slider, Akkordeons, Videos – und der Isotope-Checkout
Content-Slider laufen automatisch ohne Pause-Schaltfläche, Akkordeon-Überschriften sind keine Buttons. Eingebettete Videos haben keinen Titel und keine Untertitel, obwohl 5.5 beides ermöglicht [7]. Auf Websites mit Isotope-Shop prüfen Sie die Variantenauswahl und die Kassenschritte mit der Tastatur bis zur Zahlung: Isotope hat auf der eigenen Website im Juni 2026 eine Private Beta für Contao 5 angekündigt [12], viele Shops laufen also noch auf Contao 4.13.
Wo Sie zuerst prüfen sollten
| Kriterium | Warum bei Contao | Automatisierbar |
|---|---|---|
| 1.3.1 Info und Beziehungen (A) | Überschriebene Templates, eingefügte Tabellen, Schein-Listen | Teilweise automatisiert |
| 2.4.6 Überschriften und Beschriftungen (AA) | Überschriftenebenen in TinyMCE nach Größe gewählt | Nur manuell |
| 1.1.1 Nicht-Text-Inhalt (A) | Alt-Text fehlt in einer Sprache | Teilweise automatisiert |
| 2.4.1 Blöcke umgehen (A) | Themes ohne Skip-Link | Automatisiert |
| 4.1.2 Name, Rolle, Wert (A) | Burger-Menüs, Akkordeon-Überschriften | Teilweise automatisiert |
| 2.1.2 Keine Tastaturfalle (A) | Mobile Menüs, Lightboxen | Teilweise automatisiert |
| 1.3.5 Eingabezweck bestimmen (AA) | Formulargenerator-Felder ohne autocomplete | Teilweise automatisiert |
| 3.3.1 Fehlererkennung (A) | Formulargenerator, Isotope-Checkout | Nur manuell |
| 1.2.2 Untertitel (aufgezeichnet) (A) | Videos ohne Untertitelspur | Nur manuell |
| 3.1.2 Sprache von Teilen (AA) | Fremdsprachige Passagen auf mehrsprachigen Websites | Teilweise automatisiert |
„Automatisiert“ heißt: Eine Regel kann das Kriterium allein entscheiden. „Teilweise automatisiert“ heißt: Eine Regel findet einen Teil der Fehler, den Rest muss ein Mensch beurteilen. Alle Kriterien stehen in WCAG 2.2 AA, Kriterium für Kriterium.
Eine sinnvolle Reihenfolge
- Version prüfen. Für 4.13 gibt es keine Updates mehr [9]; planen Sie den Umstieg auf 5.7 LTS. Nutzen Sie Isotope, klären Sie zuerst dessen Stand für Contao 5.
- Template-Overrides erfassen. Listen Sie jedes Template in Ihrem
templates-Ordner auf und vergleichen Sie es mit dem aktuellen Twig-Gegenstück im Core. Wo Sie nur ein Detail geändert haben, erweitern Sie das Core-Template, statt es zu ersetzen – dann erreichen Sie künftige Korrekturen. - Navigation austauschen. Ab 5.6 testen Sie zuerst
mod_navigation_accessible.html5[8], bevor Sie ein selbst gebautes Burger-Menü reparieren. Geben Sie jedem Navigationsmodul ein eigenes ARIA-Label. - Den Editor einschränken. Entfernen Sie TinyMCE-Optionen, mit denen die Redaktion Struktur nur vortäuscht, und machen Sie den Alternativtext in der Dateiverwaltung zum festen Teil jedes Uploads – in jeder Sprache.
- Formulare durchgehen. Setzen Sie
autocompletebei Feldern für persönliche Daten, formulieren Sie Fehlermeldungen neu und schicken Sie jedes Formular einmal per Tastatur und mit absichtlichen Fehlern ab. - Pflichten klären. Eine öffentliche Stelle braucht nach BITV 2.0 eine Erklärung zur Barrierefreiheit und einen Feedback-Mechanismus, und ihre PDFs gehören dazu. Ein Unternehmen mit Isotope-Shop braucht stattdessen die Informationen nach dem BFSG.
Was Reviseberg auf Contao-Websites prüft – und was Sie selbst testen
Reviseberg crawlt Ihre Website und führt auf jeder Seite alle axe-core-Regeln in einer Desktop-Breite von 1280 Pixeln aus. Die Regeln, deren Ergebnis vom Layout abhängt – etwa Kontrast und Zielgröße –, laufen zusätzlich bei 360 Pixeln. Die Ergebnisse sind WCAG 2.2 A/AA und EN 301 549 zugeordnet. Befunde werden je Regel zu Issues zusammengefasst und danach sortiert, wie viele Punkte ihre Behebung bringt. Ein Fehler in einem überschriebenen Template erscheint deshalb als ein Issue auf 400 Seiten und nicht als 400 Einzelbefunde.
Der Tastatur-Agent öffnet die Seiten einer Journey, die Sie festlegen – Startseite, Inhaltsseite, Formular, Produktseite –, drückt auf jeder Tab, Umschalt+Tab und Escape und protokolliert jeden Schritt. Er meldet unerreichbare Elemente, verschwindenden oder unsichtbaren Fokus, fehlende Skip-Links und Tastaturfallen – dort fällt ein selbst gebautes mobiles Menü meist auf. Formulare füllt er nicht aus, und er bestellt nicht. Fehlermeldungen in Formularen und den Isotope-Checkout gehen Sie also selbst. Der kostenlose Bericht umfasst bis zu 100 Seiten und den Tastatur-Agenten auf einer Seite Ihrer Wahl.
Selbst testen müssen Sie weiterhin: ob Alt-Texte das Bild beschreiben, ob Überschriften und Fehlermeldungen verständlich sind und wie sich die Website mit Screenreader und Zoom verhält. Agenten für Screenreader, Zoom und Sprachsteuerung sind noch nicht gebaut. Für diese Kriterien gibt es geführte manuelle Tests in der Plattform, und ein Kriterium, das niemand geprüft hat, gilt als ungeprüft – nie als bestanden. PDF-Dokumente prüfen wir nicht. Eine Contao-Erweiterung von uns gibt es nicht, nichts wird automatisch in Ihre Website eingespielt, und wir setzen kein Overlay-Skript ein.
Geschrieben, um nützlich zu sein, nicht als Rechtsberatung. Stand: 27. September 2026.