- Alt-Texte für jedes Bild, das du selbst hochlädst Farbkontraste in eigenen Grafiken und Logos
- Verständliche, klare Sprache in deinen Texten
- Untertitel und Transkripte für selbst eingebettete Videos
- Barrierefreiheitserklärung als Pflichtdokument auf deiner Website
- Regelmäßige Prüfung, ob neue Inhalte die Konformität erhalten
WCAG 2.2 AA als Fundament – nicht als Nachrüstung
Lotse CMS baut Barrierefreiheit von Anfang an ein. Semantisches HTML, korrekte Tastaturnavigation, ARIA-Labels, als Grundstruktur jeder Website. Kein Overlay, kein Plugin. Eingebaut, nicht aufgeklebt.
- ♿ Barrierefreiheit & BFSG
Was das CMS übernimmt. Was du pflegst.
WCAG-Konformität ist kein Schalter, den man umlegt. Die Grundstruktur ist Aufgabe des CMS. Die Inhalte bleiben deine Verantwortung. Beides ist wichtig, und beides sollte klar benannt sein.
- Semantisches HTML mit korrekter Überschriften-Hierarchie
- Tastaturnavigation: alle Elemente ohne Maus erreichbar
- Sichtbare Focus-Indikatoren bei Tastaturnutzung
- ARIA-Labels für interaktive Elemente (Buttons, Links, Formulare)
- Farbkontraste im Theme: mind. 4,5:1 für Text
- Responsive Design mit Zoom-Unterstützung bis 200 %
- Landmark-Regionen für Screenreader-Navigation
- Erinnerung beim Bild-Upload: Alt-Text-Feld wird eingeblendet
Was die Grundstruktur konkret bedeutet
Keine abstrakten Normen, sondern konkrete technische Entscheidungen, die in jede Lotse-CMS-Website eingebaut sind.
Semantisches HTML
Überschriften folgen einer logischen Hierarchie (h1 → h2 → h3). Screenreader können die Seitenstruktur korrekt vorlesen und navigieren.
Vollständige Tastaturnavigation
Jeder Link, jede Schaltfläche, jedes Formularfeld ist per Tab-Taste erreichbar. Die Reihenfolge folgt dem visuellen Layout der Seite.
Sichtbarer Focus-Indikator
Beim Navigieren mit der Tastatur ist jederzeit erkennbar, welches Element gerade aktiv ist. Nicht als dünner Outline, sondern deutlich sichtbar.
Farbkontraste im Theme
Text-Hintergrund-Kombinationen im Standard-Theme erfüllen das WCAG-Mindestkontrastverhältnis von 4,5:1. Das gilt für alle systemseitig gesetzten Farben.
ARIA-Labels
Buttons ohne sichtbaren Text, Icon-Links und Formularfelder erhalten beschreibende Labels, die assistiven Technologien den Zweck mitteilen.
Landmark-Regionen
Navigation, Hauptinhalt, Fußzeile und weitere Bereiche sind als Landmark-Regionen ausgezeichnet. Das ermöglicht schnelles Springen per Screenreader.
Zoom bis 200 %
Texte und Layouts bleiben bei 200-prozentiger Vergrößerung lesbar und nutzbar. Keine horizontalen Scrollbalken, kein überlappender Inhalt.
Alt-Text-Erinnerung
Beim Bild-Upload erinnert das CMS daran, einen Alt-Text einzugeben. Das Feld ist sichtbar und beschriftet – ausgefüllt werden musst du es selbst.
Was das BFSG konkret bedeutet
Das Barrierefreiheitsstärkungsgesetz (BFSG) ist seit Juni 2025 in Kraft. Es verpflichtet Unternehmen, die Produkte oder Dienstleistungen online anbieten, ihre digitalen Angebote barrierefrei zu gestalten. Erste Kontrollen laufen seit September 2025, erste Abmahnwellen sind dokumentiert.
Betroffen sind grundsätzlich alle Unternehmen, die online Produkte oder Dienstleistungen verkaufen – das schließt einen Großteil der deutschen KMU ein. Ausnahmen gelten für Kleinstunternehmen mit weniger als zehn Mitarbeitenden und weniger als zwei Millionen Euro Jahresumsatz, aber die Rechtslage dazu ist nicht abschließend geklärt.
Was WCAG-Konformität nicht automatisch bedeutet: Eine technisch konforme Grundstruktur ist die notwendige Voraussetzung, aber keine hinreichende Bedingung für vollständige BFSG-Konformität. Wer eigene Bilder ohne Alt-Texte einpflegt, Videos ohne Untertitel einbettet oder eine Barrierefreiheitserklärung nicht erstellt, riskiert trotz barrierefreiem CMS eine rechtlich angreifbare Website.
Warum Overlays und Plugins keine Lösung sind
Viele WordPress-Nutzer greifen zu sogenannten Accessibility-Overlays – JavaScript-Widgets, die nachträglich Barrierefreiheit simulieren sollen. Diese Lösungen sind aus mehreren Gründen problematisch.
Erstens lösen sie strukturelle Probleme nicht. Ein Widget kann keine falsche Überschriften-Hierarchie reparieren oder fehlende Alt-Texte ergänzen. Es kann sie nur überlagern. Zweitens sind Overlay-Lösungen rechtlich umstritten: Die Accessibility-Community ist sich einig: Overlays lösen strukturelle Probleme nicht. Das European Disability Forum hat 2021 explizit vor Overlay-Lösungen gewarnt. Und Overlay-Widgets selbst erzeugen neue Barrieren, weil sie häufig mit Screenreadern interferieren. Drittens erzeugen sie selbst neue Barrieren, weil sie häufig mit Screenreadern interferieren.
Lotse CMS hat keine Overlays und braucht keine. Die Barrierefreiheit steckt in der Codebasis, nicht in einem nachgezogenen Plugin.
Der Unterschied zwischen WCAG-ready und WCAG-konform
Lotse CMS liefert eine WCAG-ready Grundstruktur. Das bedeutet: Das technische Fundament ist so gebaut, dass deine Website WCAG 2.2 AA erfüllen kann. Ob sie es auch tut, hängt davon ab, wie du die Inhalte pflegst.
Vollständige WCAG-Konformität ist ein Zustand, den du mit deinen Inhalten gemeinsam herstellst – nicht etwas, das ein CMS allein garantieren kann. Jeder Anbieter, der das anders darstellt, übertreibt. Wir tun das nicht.
Barrierefreiheit: Lotse CMS vs. WordPress
Der entscheidende Unterschied ist nicht das Ergebnis, sondern der Ansatz: Grundstruktur oder Nachrüstung.
| Kriterium | Lotse CMS | WordPress (Standard-Theme) | WordPress + Overlay-Plugin |
|---|---|---|---|
| Semantisches HTML | In der Basis | Theme-abhängig | Theme-abhängig |
| Tastaturnavigation | Vollständig | Teilweise | Teilweise (Overlay kompensiert nicht) |
| ARIA-Labels | Systemseitig | Plugin nötig | Vom Overlay ergänzt (umstritten) |
| Farbkontraste | Im Theme: 4,5:1 | Theme-abhängig | Overlay kann anpassen |
| Rechtssicherheit Overlay | Nicht nötig | Nicht nötig | Rechtlich umstritten |
| Update bricht Barrierefreiheit | Nein | Möglich bei Theme-/Plugin-Update | Möglich bei Plugin-Update |
| Alt-Texte für eigene Bilder | Deine Aufgabe (CMS erinnert dich) | Deine Aufgabe | Deine Aufgabe |
| Barrierefreiheitserklärung | Deine Aufgabe (im Plus-Modul enthalten) | Deine Aufgabe | Deine Aufgabe |
Barrierefreiheit Plus – das Zusatzmodul
Wer über die Grundstruktur hinausgehen will oder eine vollständige Prüfung und Dokumentation benötigt, findet hier das passende Modul.
Barrierefreiheit Plus
549 €
netto, einmalig
Die Basis-WCAG-Struktur ist in jeder Lotse-CMS-Website enthalten. Dieses Modul ergänzt die Prüfung, Dokumentation und Barrierefreiheitserklärung. Wer das BFSG-Risiko aktiv minimieren will, braucht beides.
Erweiterte WCAG-Prüfung, Dokumentation, Einfache Sprache und ein Accessibility Widget für individuelle Anpassungen durch den Nutzer.
✓ Einfache-Sprache-Übersetzung ausgewählter Inhalte (KI-gestützt)
✓ Erweiterte WCAG-Prüfung mit Dokumentation der Ergebnisse
✓ Accessibility Widget (Sienna) für nutzerindividuelle Anpassungen (Schriftgröße, Kontrast)
✓ Barrierefreiheitserklärung als eigene Seite, gesetzeskonform aufgebaut
Dennis aus Sandkrug
Ich bin Dennis, der Entwickler hinter Lotse CMS.
Ich lebe in Sandkrug bei Oldenburg und arbeite seit über 15 Jahren mit PHP und Symfony. Lotse CMS habe ich gebaut, weil ich es leid war, Kunden WordPress-Probleme zu erklären.
Für Autoren speziell: Das Bücher-Modul ist entstanden, weil eine Autorin aus dem Landkreis gefragt hat ob das geht. Es geht.
Wo steht deine aktuelle Website?
Im kostenlosen Erstgespräch schauen wir uns an, was deine Website heute leistet und was konkret nötig wäre, um BFSG-Anforderungen zu erfüllen.
Häufig gestellte Fragen
Bin ich als KMU überhaupt vom BFSG betroffen?
Das BFSG gilt grundsätzlich für Unternehmen, die Produkte oder Dienstleistungen online anbieten. Kleinstunternehmen (unter 10 Mitarbeitende, unter 2 Millionen Euro Jahresumsatz) sind formal ausgenommen, aber die Rechtslage dazu ist nicht abschließend geklärt und sollte im Zweifel mit einem Anwalt geprüft werden. Wer online verkauft oder buchbar ist, sollte das Thema ernst nehmen.
Was bedeutet "WCAG-ready" im Unterschied zu "WCAG-konform"?
WCAG-ready bedeutet: Das technische Fundament erfüllt die Anforderungen der WCAG 2.2 auf Level AA. WCAG-konform ist eine Website dann, wenn auch alle Inhalte, Bilder mit Alt-Texten, Texte in verständlicher Sprache, Videos mit Untertiteln diese Anforderungen erfüllen. Das erste leistet Lotse CMS. Das zweite entsteht gemeinsam mit dir als Betreiber.
Was kostet eine Website mit WCAG 2.2 AA Grundstruktur?
Die Grundstruktur ist in jeder Lotse-CMS-Website ohne Aufpreis enthalten. Ein einfacher Onepager beginnt ab 490 Euro netto, eine mehrseitige Website ab 790 Euro netto. Das Plus-Modul für erweiterte Prüfung, Dokumentation und Barrierefreiheitserklärung kostet einmalig 549 Euro netto.
Schützt mich eine WCAG-konforme Website vor Abmahnungen?
Eine nachweislich WCAG-konforme Website reduziert das Abmahnrisiko erheblich, ist aber keine absolute Garantie. Entscheidend ist, dass die Konformität dokumentiert ist und eine Barrierefreiheitserklärung auf der Website veröffentlicht wird. Das Plus-Modul unterstützt dich dabei. Für eine rechtliche Einschätzung im Einzelfall wende dich an einen auf Internetrecht spezialisierten Anwalt.
Ich habe bereits eine WordPress-Website. Was sind meine Optionen?
Du hast zwei Wege: Erstens kannst du deine bestehende WordPress-Installation prüfen lassen und gezielt nachbessern – das ist aufwendig und das Ergebnis hängt stark von deinem Theme und deinen Plugins ab. Zweitens kannst du auf Lotse CMS wechseln und mit einer sauberen Basis neu starten. Welcher Weg sinnvoll ist, klären wir im Gespräch. Ehrlich und ohne Verkaufsdruck.