Elementor barrierefrei — es liegt am Aufbau, nicht am Werkzeug.

Für wen das Pflicht ist.

Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz. Es erfasst unter anderem Onlineshops und andere Dienstleistungen im elektronischen Geschäftsverkehr gegenüber Verbrauchern. Öffentliche Stellen sind schon länger zur Barrierefreiheit verpflichtet. Eine reine Unternehmens-Visitenkarte ohne Vertragsabschluss fällt in der Regel nicht unter das Gesetz.

Ich bin kein Rechtsanwalt; das ist mein Verständnis der Lage und ersetzt keine Rechtsberatung (Wer ist betroffen).

Unabhängig von der Pflicht gilt: Barrierefreie Websites sind für alle besser bedienbar, und vieles davon hilft auch bei Suchmaschinen.

Überschriften.

Der häufigste Fehler auf Elementor-Websites: Überschriftenebenen werden nach Größe gewählt, nicht nach Gliederung. Eine kleine Überschrift wird zu einer Ebene vier, weil sie so gut aussieht, obwohl sie inhaltlich eine Ebene zwei ist.

Screenreader-Nutzer navigieren über Überschriften — wie über ein Inhaltsverzeichnis. Eine durcheinandergeratene Struktur macht diese Navigation unbrauchbar.

Die Lösung ist in Elementor einfach: Im Überschriften-Widget lässt sich die Ebene unabhängig vom Aussehen wählen. Die Ebene folgt der Gliederung, die Größe folgt der Gestaltung. Und umgekehrt: Text, der nur groß aussehen soll, aber keine Überschrift ist, gehört nicht in ein Überschriften-Element.

Tastatur und Fokus.

Viele Menschen bedienen Websites ohne Maus — mit Tastatur, Schaltern oder Sprachsteuerung. Dafür muss jedes bedienbare Element per Tabulator erreichbar sein, und es muss sichtbar sein, welches gerade ausgewählt ist.

Diese Fokusanzeige wird auf vielen Websites aus Designgründen abgeschaltet, weil der Rahmen beim Anklicken stört. Das ist ein gravierender Fehler. Moderne CSS-Regeln erlauben, den Rahmen nur bei Tastaturbedienung zu zeigen — so stört er niemanden und hilft allen, die ihn brauchen (Fokus und Kontraste).

Zum Test: Die Website einmal nur mit der Tabulator-Taste durchgehen. Wo du nicht siehst, wo du bist, oder wo du nicht weiterkommst, liegt eine Barriere.

Links und Schaltflächen.

Drei Leistungskarten, jede mit einer Schaltfläche „Mehr erfahren“. Für einen Screenreader, der die Links einer Seite auflistet, steht dort dreimal dasselbe — ohne Hinweis, wohin.

Besser: aussagekräftige Texte wie „Mehr zur Website-Wartung“. Wenn das gestalterisch nicht passt, lässt sich ein zusätzlicher, nur für Screenreader sichtbarer Text ergänzen.

Dazu kommt: Ganze Karten, die klickbar sind, werden oft als verschachtelte Links gebaut oder mit einer Klickfläche ohne echte Linkfunktion. Beides ist für Hilfsmittel problematisch.

Kontraste.

Hellgrauer Text auf weißem Grund, weiße Schrift auf hellem Foto, zarte Pastellschaltflächen — beliebt in der Gestaltung, schwer lesbar für viele Menschen. Die Anforderungen an Kontraste sind klar definiert und lassen sich mit Prüfwerkzeugen messen.

In Elementor lohnt es sich, die globalen Farben einmal gegen diese Anforderungen zu prüfen. Mit den Variablen in Elementor 4 lässt sich eine Korrektur dann an einer Stelle für die ganze Website vornehmen (Elementor 4).

Besonders kritisch: Text auf Bildern. Ein Kontrast, der an einer Stelle des Bildes reicht, reicht an einer anderen nicht. Eine Überlagerung hinter dem Text schafft verlässlichen Kontrast.

Bilder.

Bilder mit Inhalt brauchen einen Alternativtext, der beschreibt, was das Bild vermittelt. Dekorative Bilder brauchen einen leeren Alternativtext, damit Screenreader sie überspringen.

Elementor übernimmt den Alternativtext aus der Mediathek. Ist er dort leer, ist er überall leer. Hintergrundbilder über CSS haben gar keinen Alternativtext — wesentliche Inhalte gehören deshalb nicht in Hintergrundbilder (Alt-Texte mit KI).

Interaktive Widgets.

Akkordeons, Reiter, Schieberegler, Galerien, Menüs — interaktive Elemente sind die häufigste Quelle echter Ausschlüsse. Sie müssen per Tastatur bedienbar sein und Hilfsmitteln mitteilen, ob sie geöffnet oder geschlossen sind.

Die Standard-Widgets von Elementor sind in dieser Hinsicht über die Jahre deutlich besser geworden. Bei Widgets aus Addon-Paketen schwankt die Qualität erheblich.

Schieberegler verdienen besondere Aufmerksamkeit: Automatisch wechselnde Inhalte müssen sich anhalten lassen, und die Steuerung muss per Tastatur erreichbar sein. Oft ist die bessere Lösung, auf den Schieberegler zu verzichten und die Inhalte untereinander zu zeigen.

Pop-ups.

Pop-ups sind für Tastatur- und Screenreader-Nutzer besonders heikel. Wenn sich ein Pop-up öffnet, muss der Fokus hineinspringen, innerhalb bleiben, solange es offen ist, und nach dem Schließen an die vorherige Stelle zurückkehren. Es muss sich per Escape-Taste schließen lassen.

Ein Pop-up, das sich beim Laden öffnet und sich nicht per Tastatur schließen lässt, macht die ganze Website unbenutzbar. Das Gleiche gilt für Cookie-Banner (Cookie-Banner).

Formulare.

Jedes Feld braucht eine sichtbare, dauerhafte Beschriftung. Platzhaltertexte im Feld sind keine Beschriftung, weil sie beim Tippen verschwinden. In Elementor-Formularen lassen sich Beschriftungen ausblenden — für die Barrierefreiheit sollten sie sichtbar bleiben.

Fehlermeldungen müssen verständlich sein, angesagt werden und nicht nur über Farbe kommunizieren (Barrierefreie Formulare, Elementor-Formulare).

Addon-Pakete.

Hier liegen auf Elementor-Websites die meisten echten Barrieren. Viele Addon-Widgets sind optisch aufwendig und technisch nicht für Tastatur und Screenreader gebaut.

Für jedes interaktive Addon-Widget lohnt der Tastaturtest. Was nicht bedienbar ist, wird ersetzt — oft durch ein Standard-Widget von Elementor oder durch eine einfachere Darstellung (Addons aufräumen).

Warum Overlays keine Lösung sind.

Overlay-Werkzeuge versprechen Barrierefreiheit per Skript: ein Symbol in der Ecke, ein Menü mit Schriftvergrößerung und Kontrastmodus. Sie beheben die eigentlichen Probleme nicht — falsche Überschriften, fehlende Tastaturbedienung, unbeschriftete Felder bleiben, wie sie sind.

Viele Menschen mit Behinderung empfinden diese Werkzeuge als Störung, weil sie mit ihren eigenen Hilfsmitteln kollidieren. Barrierefreiheit entsteht im Aufbau der Website, nicht in einem zusätzlichen Skript (Overlay-Tools).

Selbst prüfen.

1. Tastaturtest: Die ganze Website nur mit Tabulator, Eingabe und Escape bedienen.
2. Überschriften: Mit einer Browser-Erweiterung die Gliederung anzeigen lassen.
3. Kontraste: Globale Farben mit einem Prüfwerkzeug messen.
4. Bilder: Alternativtexte in der Mediathek durchgehen.
5. Automatischer Test als Ergänzung — er findet etwa ein Drittel der Probleme.
6. Screenreader einmal selbst ausprobieren.

Der Tastaturtest ist der wertvollste Schritt: Er braucht kein Spezialwissen und findet in kurzer Zeit die Barrieren, die Menschen wirklich ausschließen (Barrierefreiheit prüfen).

Wenn du nicht weiterkommst.

Wenn deine Elementor-Website barrierefrei werden soll und du eine Prüfung willst, die die echten Barrieren findet. Ich finde die Ursache, behebe sie und erkläre dir, was passiert ist. Wenn die Website gerade steht, hilft der Notfall-Support, dauerhaft begleitet die WordPress-Wartung.

Orientierungswerte, keine Fixpreise — nach einem kurzen Gespräch bekommst du ein Festpreisangebot.

Wer hilft.

Ich bin Manuel Killert, Webentwickler aus Quakenbrück. WordPress und seine Page-Builder sind mein Fachgebiet — ich baue damit seit Jahren, unterrichte das Thema als Dozent und kenne Elementor nicht nur aus der Oberfläche, sondern von innen: wie es Daten speichert, CSS erzeugt, Skripte lädt und mit Theme, Cache und Erweiterungen zusammenspielt.

Das ist bei Elementor der entscheidende Unterschied. Die meisten Probleme sehen aus wie Gestaltungsfragen und sind in Wahrheit technische: ein erzeugtes Stylesheet, das nicht neu geschrieben wurde, ein Speicherlimit, ein Konflikt zweier Erweiterungen. Wer das Innere kennt, findet die Ursache in Minuten statt in Stunden.

Was du bekommst: eine Diagnose in verständlicher Sprache, eine Behebung, die hält, und eine ehrliche Einschätzung, ob Elementor für deine Website weiterhin die richtige Wahl ist — auch wenn die Antwort lautet, dass alles so bleiben kann.