Neos ist weder barrierefrei noch nicht barrierefrei, und das Projekt sagt das selbst: Barrierefreiheit hängt von der jeweiligen Umsetzung und der Sorgfalt der Redaktion ab [4]. Ein Standard-Theme hat Neos nicht. Jede Neos-Website liefert Markup aus, das ihre Agentur geschrieben hat – NodeTypes, die die Inhalte definieren, und Fusion- und AFX-Komponenten, die daraus HTML machen –, dazu das, was die Redaktion direkt auf der Seite eingibt. Diese Seite trennt, was Neos mitbringt, von dem, was Ihre Aufgabe bleibt, und nennt die Stellen, die Sie zuerst prüfen sollten.
Gilt das BFSG für Ihre Neos-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] – gleich, welches System im Hintergrund arbeitet. Für Shops 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. Für öffentliche Stellen gilt stattdessen die BITV 2.0. Den Gesamtüberblick finden Sie im Leitfaden zu BFSG und EAA. Neos entstand 2006 unter dem Dach des TYPO3-Projekts und ist seit 2015 eigenständig [3]; Agenturen vergleichen es oft mit TYPO3 und Contao.
Was Neos mitbringt – und was nicht
Sie bekommen:
- Volle Kontrolle über das Markup. Die Inhaltsstruktur wird in NodeTypes per YAML definiert, die Ausgabe in Fusion mit AFX-Templates – meist ganz ohne PHP [6]. Der Core zwingt Ihnen kein Markup auf, gegen das Sie ankämpfen müssten.
- Eine ehrliche Herstelleraussage. Neos schreibt, es stehe dem Bau barrierefreier Websites nicht im Weg und lasse die Freiheit für sehr barrierefreie Umsetzungen, Barrierefreiheit hänge aber von der Umsetzung und der Redaktion ab [4]. 2015 berichtete das Projekt, dass die mit Neos gebaute Website einer niederländischen Gemeinde von der niederländischen Regierung nach WCAG 2.0 AA zertifiziert wurde [5] – ein Beleg, dass es geht, keine Aussage über Ihre Website.
- Ein Feld für den Alternativtext am Standard-Bild. In den Standard-Inhaltselementen aus
neos/nodetypeshat das Bild-Mixin eine EigenschaftalternativeTextim Bildbereich des Inspectors [9], und das Bildelement gibt sie alsalt-Attribut aus [10]. - Validierung, wo Sie sie konfigurieren. Eigenschaften von NodeTypes können Validatoren tragen [8]; ein Projekt kann ein Feld wie den Alternativtext also zur Pflicht machen.
- Einen Ort, Komponenten zu prüfen. Ein Living-Styleguide-Paket zeigt Ihre Fusion-Komponenten isoliert zum Testen und Abnehmen an [4].
Sie bekommen nicht:
- Ein Frontend. Es gibt kein Standard-Theme, an dem Sie sich messen könnten. Jede Komponente ist Projektcode, und ihre Qualität ist die Ihrer Agentur.
- Alt-Texte je Datei. Beim Standard-Bildelement gehört der Alternativtext zum Element auf der Seite, nicht zur Datei in der Medienverwaltung [9]. Dasselbe Bild an fünf Stellen braucht ihn also fünfmal. Einen Validator hat die Eigenschaft standardmäßig nicht [9].
- Barrierefreie Pakete. Es gibt Pakete für Slider, Karussells und Formulare [4], und jedes bringt eigenes Markup und eigene Skripte mit.
- Eine Migration, die Inhalte repariert. Neos 9 hat im April 2025 das Content Repository neu aufgebaut [7]. Das ändert, wie Inhalte gespeichert werden – nicht die Überschriften, Links und Bilder, die Ihre Redaktion bereits angelegt hat.
Was wir auf Neos-Websites finden
Komponenten, einmal gebaut und überall verwendet
Ein Fehler in einer Fusion-Komponente wiederholt sich auf jeder Seite, die sie nutzt: ein Teaser, dessen ganze Karte ein Link mit Überschrift, Text und „Weiterlesen“ ist, ein Icon-Button ohne Namen, ein Karten-Raster, das Überschriften wegen ihrer Größe verwendet. Der Vorteil: Eine Korrektur in der Komponente behebt alle Seiten auf einmal.
Alt-Texte am Element, nicht am Bild
Weil das Standard-Bildelement den Alternativtext am Element speichert [9], füllt die Redaktion ihn bei wiederverwendeten Bildern selten erneut aus. Projekteigene NodeTypes haben oft gar kein Alt-Feld oder geben stattdessen den Bildtitel aus. Beim Standard-Element fällt das title-Attribut auf den Titel aus der Medienverwaltung zurück [10] und konkurriert dann mit dem Alt-Text.
Inline-Editing und Überschriftenstruktur
Neos bearbeitet Inhalte direkt auf der Seite [6]. Die Redaktion sieht das Design und wählt, was richtig aussieht: ein Überschriftenformat wegen seiner Größe, fetten Text statt einer Überschrift, eine mit Bindestrichen getippte Liste. Welche Formate angeboten werden, entscheidet die NodeType-Konfiguration – und in vielen Projekten ist jedes Format freigeschaltet.
Sprach-Fallbacks, die die Sprache ändern, nicht das Attribut
Mit Content-Dimensionen kann eine Website auf eine andere Variante zurückfallen, wenn Inhalte fehlen, etwa von einer Sprache auf eine andere [4]. Die Seite behält das lang der aufgerufenen Dimension, und ein Screenreader liest den Fallback-Text mit falscher Aussprache vor. Prüfen Sie jede Sprachversion auf Passagen, die nicht in der Sprache der Seite stehen.
Menüs und Slider aus Projektcode oder Paketen
Menüs werden je Projekt in Fusion geschrieben. Typisch: mobile Menüs mit einem Burger-Button, der kein Button ist, kein aria-expanded und ein Fokus, der hinter das geöffnete Menü läuft. Karussell-Pakete laufen automatisch ohne Pause-Schaltfläche und beschriften ihre Pfeile nur mit Symbolen.
Formulare aus dem Form-Framework
Mit dem Form-Framework und dem Form-Builder von Neos legen Redaktionen Formulare, Felder und Validierungsregeln an [4]. Das Markup kommt aus dem Formular-Paket und den Templates Ihres Projekts. Prüfen Sie, ob jedes Feld eine sichtbare Beschriftung hat, ob Pflichtfelder und Fehler angesagt werden und ob Felder für persönliche Daten autocomplete tragen.
Wo Sie zuerst prüfen sollten
| Kriterium | Warum bei Neos | Automatisierbar |
|---|---|---|
| 1.1.1 Nicht-Text-Inhalt (A) | Alt-Text am Element, eigene NodeTypes ohne Feld | Teilweise automatisiert |
| 1.3.1 Info und Beziehungen (A) | Karten-Komponenten, inline getippte Listen | Teilweise automatisiert |
| 2.4.6 Überschriften und Beschriftungen (AA) | Überschriftenformate nach Größe gewählt | Nur manuell |
| 2.4.4 Linkzweck (im Kontext) (A) | Teaser mit „Weiterlesen“-Links | Teilweise automatisiert |
| 3.1.1 Sprache der Seite (A) | Layout-Templates ohne lang | Automatisiert |
| 3.1.2 Sprache von Teilen (AA) | Dimensions-Fallbacks in eine andere Sprache | Teilweise automatisiert |
| 4.1.2 Name, Rolle, Wert (A) | Burger-Menüs, Icon-Buttons, Karussells | Teilweise automatisiert |
| 2.4.7 Fokus sichtbar (AA) | Projekt-CSS ohne Fokus-Stil | Teilweise automatisiert |
| 3.3.2 Beschriftungen oder Anweisungen (A) | Formularfelder nur mit Platzhalter | Teilweise automatisiert |
| 3.3.1 Fehlererkennung (A) | Fehlermeldungen des Form-Frameworks | Nur manuell |
„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
- Komponenten erfassen. Legen Sie ein Verzeichnis Ihrer NodeTypes und der Fusion-Komponenten an, die sie ausgeben. Prüfen Sie jede im Living Styleguide [4] mit der Tastatur, bevor Sie sich Seiten ansehen.
- In der Komponente korrigieren. Sortieren Sie die Issues aus dem Crawl nach Seitenzahl, ordnen Sie jedes seiner Komponente zu und beheben Sie es dort. Eine Änderung erreicht alle Seiten.
- Alt-Text in den NodeType aufnehmen. Geben Sie jedem NodeType, der ein Bild zeigt, eine Eigenschaft für den Alternativtext mit Validator [8] – und eine ausdrückliche Option „dekorativ“ statt eines leeren Felds, das niemandem auffällt.
- Inline-Formate begrenzen. Bieten Sie der Redaktion nur die Überschriftenebenen und Formate an, die ein Inhaltstyp wirklich braucht, und nichts, womit sich Struktur vortäuschen lässt.
- Dimensionen prüfen. Suchen Sie je Sprache Inhalte, die auf eine andere Sprache zurückfallen, und übersetzen Sie sie oder zeichnen Sie die Passage mit eigenem
langaus. - Journeys gehen und nach Upgrades erneut prüfen. Gehen Sie Navigation, Formulare und jede Buchungs- oder Bestellstrecke mit der Tastatur durch. Crawlen Sie nach jedem Upgrade von Neos oder Paketen erneut: Das Markup gehört Ihnen, seine Rückschritte auch.
Was Reviseberg auf Neos-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 einer Fusion-Komponente 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 –, 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. Formulare füllt er nicht aus, und er bestellt nicht. Fehlermeldungen und Buchungs- oder Bestellschritte gehen Sie also selbst. Der kostenlose Bericht umfasst bis zu 100 Seiten und den Tastatur-Agenten auf einer Seite Ihrer Wahl. Eine passwortgeschützte Staging-Website lässt sich mit einem Konto crawlen.
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. Ein Neos-Paket 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.