Barrierefreiheit in WordPress: Theme, Inhalte und Plugins prüfen
Ein praktischer Ablauf für WordPress-Teams: passende Themes auswählen, Inhalte zugänglich pflegen und Änderungen am echten Nutzerweg prüfen.
Accessonaut-Redaktion Veröffentlicht am
Kurz erklärt
Die Zugänglichkeit einer WordPress-Website entsteht aus Theme, redaktionellen Inhalten, Plugins und deren Zusammenspiel. Ein Theme mit dem Merkmal „accessibility-ready“ ist eine hilfreiche Ausgangsbasis, aber kein Nachweis für die WCAG-Konformität der fertig eingerichteten Website. Prüfe deshalb das veröffentlichte Ergebnis und vollständige Abläufe.
Verantwortung auf die richtigen Stellen verteilen
Das Theme bestimmt beispielsweise Navigation und Seitengerüst. Die Redaktion wählt Überschriften, Linktexte und Bildbeschreibungen. Plugins ergänzen Formulare, Shops oder Buchungsabläufe. Erstelle eine kurze Liste: Welche Komponente liefert welchen sichtbaren Bereich, und wer kann sie ändern? Ein Fehler im Formular-Plugin lässt sich meist nicht durch die Textformatierung eines Beitrags beheben.
WordPress erläutert ausdrücklich, dass „accessibility-ready“ auf die Prüfkriterien für Themes verweist und nicht automatisch WCAG AA für das gesamte Angebot bedeutet. Teste eine Demo deshalb mit deinen späteren Inhalten und Erweiterungen.
Im Editor echte Struktur verwenden
Verwende den Überschriftenblock für Abschnittstitel und wähle eine Ebene passend zur Gliederung. Ein fett gesetzter Absatz ersetzt keine Überschrift. Nutze Listenblöcke für Aufzählungen und beschreibe Links mit ihrem Zweck: „Anmeldeformular für den Workshop“ ist leichter einzuordnen als ein mehrfach verwendetes „Hier klicken“.
Prüfe längere Beiträge mit Zwischenüberschriften und kurzen Absätzen. Die Reihenfolge im Editor sollte auch ohne das spätere Spaltenlayout verständlich bleiben. Entscheidend ist der ausgegebene Inhalt im Frontend, nicht allein die Ansicht im Backend.
Bilder im jeweiligen Beitrag bewerten
Der Bildblock bietet ein Feld für Alternativtext. Beschreibe dort die relevante Aussage des Bildes im konkreten Zusammenhang. Eine Aufnahme desselben Gebäudes kann auf der Startseite Stimmung vermitteln und auf einer Anfahrtsseite den Eingang zeigen. Der passende Text kann sich deshalb unterscheiden. Prüfe nach dem Einfügen den einzelnen Bildblock; verlasse dich nicht darauf, dass spätere Änderungen eines Medienbibliothekseintrags jeden bestehenden Einsatz entsprechend anpassen.
Plugins an einer Aufgabe prüfen
- Baue eine repräsentative Testseite mit Navigation, Bild, Download und deinem wichtigsten Formular.
- Bediene Menüs, Akkordeons, Dialoge und Formulare vollständig mit der Tastatur.
- Prüfe Vergrößerung, schmale Ansicht und Fehlermeldungen im tatsächlichen Frontend.
- Teste das zentrale Formular oder den Kaufweg zusätzlich mit einem Screenreader.
- Dokumentiere Probleme samt verantwortlichem Theme oder Plugin und wiederhole den Test nach einer Änderung.
Das Accessonaut-Plugin ergänzend einsetzen
Mit dem Accessonaut-WordPress-Plugin kannst du das Besucher-Menü einbinden und dessen Aussehen zentral im Projekt oder lokal in WordPress anpassen. Prüfe beim Einbau, ob der Auslöser mit anderen fixierten Elementen kollidiert und auf Mobilgeräten erreichbar bleibt. Das Menü bietet persönliche Darstellungseinstellungen; die Korrektur eines unbeschrifteten Formularfelds oder einer ungeeigneten Theme-Struktur bleibt eine Aufgabe an der jeweiligen Quelle.
Eine kleine Freigaberoutine etablieren
Lege vor größeren Theme- oder Plugin-Updates eine geeignete Testumgebung an. Halte drei bis fünf typische Aufgaben fest, beispielsweise „Termin buchen“, „Suche verwenden“ und „Kontakt senden“. Wiederhole diese Aufgaben nach dem Update und ergänze automatische Prüfungen. Gib der Redaktion eine kurze Checkliste für neue Beiträge. So wird Zugänglichkeit Teil des laufenden Betriebs und hängt nicht von einer einmaligen Plugin-Installation ab.
Quellen & Bearbeitungsstand
Hier findest du die Originalquellen zu diesem Beitrag. Zuletzt geprüft am .
- WordPress Theme Handbook: Accessibility und accessibility-ready
- WordPress: Überschriftenblock
- WordPress: Bildblock und Alternativtext
- W3C WAI: Erste Prüfungen für Websites
Gesetzliche Anforderungen richten sich nach Land, Anbieter und konkretem Angebot. Dieser Beitrag erklärt Grundlagen und Arbeitsschritte. Prüfergebnisse beziehen sich auf ihren dokumentierten Umfang und Zeitpunkt.