Meine Website zurwebsite.de besteht bereits nunmehr seit Jahren. Ehrlich gesagt weiß ich nicht, wann ich Zeit für ein Facelift oder ein Redesign finden werde. Für den Fall, dass du jedoch einen neuen Internetauftritt mit WordPress planst, stelle ich dir hier Informationen für die Umsetzung einer möglichst barrierefreien Website zusammen.
Welche barrierefreien WP-Themes gibt es?
Barrierefreiheit resultiert aus dem Konzept, dem Layout, der Technik und dem Inhalt. Seit Version 5.9 bietet WordPress das erste barrierefreie Standard-Theme namens “Twenty Twenty-Two” an, gefolgt von “Twenty Twenty-Three” in Version 6.1. Auf der WordPress-Website kannst du selbst unter “Accessibility Ready” nach weiteren Themes suchen, die den BITV-Standards entsprechen. Wenn du ein selbst entwickeltes Theme bevorzugst, findest du relevante Informationen zur Barrierefreiheit auf der Entwicklerseite von WordPress:
Ist eine barrierefreie Website mit Elementor möglich?
Meines Wissens leider noch nicht. Auf verschiedenen Seiten las ich, dass der Page Builder Elementor – zumindest von Haus aus – anscheinend noch keine herausragende Barrierefreiheit bietet. Immerhin findest du auf der Elementor-Website zahlreiche Informationen:
Möglicherweise sind aber Anpassungen möglich, um das Ziel zu erreichen. Die barrierefreien Templates von Elementor Pro habe ich noch nicht überprüft. Daher empfehle ich, zunächst auf https://elementor.com/library/ zu suchen und im nächsten Schritt auch direkt bei Drittanbietern nachzufragen, was Sache ist.
WordPress-Plugins für Barrierefreiheit
Mittlerweile gibt es eine Vielzahl von WordPress-Plugins, mit denen sich Websites barrierefrei optimieren lassen. Beachte jedoch, dass wahrscheinlich kein einzelnes Plugin alle Aspekte der Barrierefreiheit abdecken kann. Die Verwendung mehrerer Plugins in Kombination mit einem durchdachten Design und Inhaltserstellung ist eine effektivere Methode, damit deine WordPress-Website für Nutzer:innen mit Behinderungen reibungslos zugänglich ist. Hier eine Auswahl:
One Click Accessibility ist das schnellste Plugin, um deine WordPress-Website barrierefreier zu gestalten. Es ermöglicht dir, schnell auf Funktionen wie Hochkontrastmodus, Schriftgrößenanpassung und Link-Unterstreichungen zuzugreifen.
Obwohl die meisten Barrierefreiheitsprobleme nicht ohne direkte Änderung des Inhalts behoben werden können, fügt One Click Accessibility eine Reihe hilfreicher Barrierefreiheitsfunktionen hinzu, mit minimalem Setup-Aufwand und ohne Expertenwissen.
Die Barrierefreiheits-Symbolleiste ermöglicht folgende Optimierungen:
- Schriftgröße ändern (vergrößern/verkleinern)
- Graustufen
- Negativer Kontrast
- Hoher Kontrast
- Heller Hintergrund
- Unterstrichene Links
- Lesbare Schrift
Link: https://wpaccessibility.io/
WP Accessibility: Dieses Plugin fügt verschiedene Funktionen hinzu, um die Barrierefreiheit zu verbessern, darunter Tastaturnavigation, Überschriftenstruktur und verbesserte Bild-Alt-Texte.
Link: https://wordpress.org/plugins/wp-accessibility/
WP ADA Compliance Check Basic überprüft deine Website auf ADA-Konformität (Americans with Disabilities Act) und bietet Vorschläge zur Verbesserung.
Link: https://wordpress.org/plugins/wp-ada-compliance-check-basic/
Access Monitor überwacht deine Website auf Barrierefreiheitsprobleme und benachrichtigt dich, wenn solche Probleme auftreten.
Link: https://www.joedolson.com/access-monitor/
UserWay Accessibility Widget bietet personalisierbare Tools, um die Barrierefreiheit zu verbessern, wie z. B. Schriftgrößenanpassung, Kontrastanpassung und Sprachauswahl.
Link: https://userway.org/
WordPress Accessibility Helper: Dieses Plugin hat den Anspruch, eine eine grundlegende Barrierefreiheit für jede Website zu bieten und enthält u.a. folgende Features:
- Kontrastmodus (Farbgamma)
- Schneller Wechsel zur Schriftfamilie Arial
- Schriftgröße anpassen
- Entladen aller CSS-Dateien (Anzeige der Seite in reinem HTML)
- CSS-Animationen entfernen
- Unterstreiche aller Links
- Attachments Control Center mit der Möglichkeit, Bildtitel und Alt-Tags hinzuzufügen/zu bearbeiten
- Alt+Z – Zugänglichkeits-Seitenleiste öffnen, Alt+X – Zugänglichkeits-Seitenleiste schließen
- Kontrastmodus mit Benutzer-Cookies speichern, Auswahl aus Cookies löschen
- Position der Seitenleiste (links oder rechts)
- Steuerelemente für Graustufenbilder, dunkle und helle Themes, Schriftfamilien (CSS Web Safe Font Combinations)
- Farben und Bilder invertieren
Link: https://accessibility-helper.co.il/
Eine jeweils aktuelle Liste des Plug-Angebots für barrierefreie Websites findest Du unter: