Die meisten WordPress Websites sehen dank vorgefertigter Themes zwar sehr hübsch aus, doch wenn es um das Thema der Barrierefreiheit (Accessibility) geht, ist schnell Schluss mit lustig. Das liegt ganz einfach daran, dass kaum ein Blogger ernsthaft darüber nachdenkt, wie er seinen Blog möglichst barrierefrei gestalten kann. Doch genau das ist wichtig, um allen Nutzern gerecht zu werden.
Zum einen, weil Barrierefreiheit in einigen Ländern rechtlich verankert ist, um niemanden auszuschließen. Zum anderen aber auch, weil der eigene Anspruch stets sein sollte, niemanden zu benachteiligen, nur weil er*sie mit einer Behinderung lebt. Letztere haben dabei mehr, als viele glauben, und tatsächlich sind es auch die Sehschwächen oder Probleme bei der Motorik, die dafür sorgen können, dass eine Website nicht vollkommen barrierefrei erscheint.
Dann können Nutzer*innen das Angebot nicht vernünftig bedienen und finden sich auf der Website schlecht zurecht. Um genau solche Fälle zu vermeiden und der eigenen Ethik zu folgen, niemanden auszuschließen, gilt es, barrierefrei mit seiner WordPress Website aufzutreten. Wie das in Verbindung mit dem CMS gelingt und worauf ihr dabei achten solltet, möchte ich im heutigen Artikel thematisieren.
Was ist die Definition von Barrierefreiheit?
Nun sollte jedem von euch klar sein, dass die Barrierefreiheit in erster Linie Menschen mit einer Behinderung betrifft. Diese sollen, durch Funktionen für entsprechende Barrierefreiheit, eine Website besser bedienen, lesen und verstehen können. Das jedoch wäre zu kurz gedacht, denn Barrierefreiheit erreicht mehr Personen, als nur diejenigen mit Behinderung. Sie deckt auch Personen ab, die anderweitige Beeinträchtigungen und somit Schwierigkeiten haben.
An dieser Stelle möchte ich kurz aufzeigen, für welche Nutzergruppen die Barrierefreiheit eine Rolle spielt. Das ist wichtig zu definieren, damit wir immer dasselbe meinen, wenn wir den Begriff Barrierefreiheit verwenden. Bei den folgenden Problemen hilft die Barrierefreiheit auf WordPress Websites. In Klammern wird das Problem der Personengruppe kurz und knapp erklärt.
- Kognitive Einschränkungen (Beeinträchtigungen der Wahrnehmung, Probleme beim Verstehen komplexer Zusammenhänge)
- Motorische Beeinträchtigungen (Unruhe, Zittern, unkontrollierbare körperliche Regungen)
- Schwerhörigkeit (Schwerhörige oder gehörlose Menschen, die wenig oder gar nicht mehr hören können, also vielleicht auch taub sind)
- Sehbehinderung (Blinde Menschen, aber auch Menschen mit Sehschwäche oder Problemen Farben richtig zu erkennen)
- Technischen Problemen (Alte Computersysteme oder langsame Internetverbindungen, welche die Nutzung einer Website stark beeinträchtigen können)
- Temporäre Einschränkungen (Knochenbrücke oder Verletzungen, die dazu führen, dass eine Bedienung temporär schwierig wird)
- Zunehmendem Alter (Im hohen Alter fehlt oft das Verständnis für moderne Systeme, die Sehkraft lässt nach und es kommen weitere Alterserscheinungen dazu)
Die Probleme und Beeinträchtigungen können also unglaublich vielfältig sein und dafür sorgen, dass Websites nicht richtig bedient, gelesen oder Elemente nicht korrekt erkannt werden können. Doch wie hilft die Barrierefreiheit dabei, diesen Umstand entsprechend zu verbessern?
Wie hilft Barrierefreiheit Menschen mit Behinderung?
Die Möglichkeiten, die Menschen mit Beeinträchtigungen oder Behinderungen haben, sind heute größer als jemals zuvor. Personen mit Sehbehinderung beispielsweise, nutzten Screenreader, um Websites zu konsumieren. Sie verändern Textgrößen und Kontraste und all das sollte jederzeit problemlos möglich sein, um ihnen den Konsum einer Website möglichst einfach zu gestalten.
Gehörlose Menschen hingegen benötigen in Videos unbedingt Untertitel und Transkriptionen bei reinen Audioinhalten. Möglichst einfache Sprache oder Zusammenfassungen helfen zudem Menschen mit kognitiven Schwierigkeiten. Sprachbefehle wiederum ermöglichen es motorisch eingeschränkten Personen, auf alle Bereich einer Website jederzeit problemlos zugreifen zu können.
Auch alte Menschen profitieren von der Barrierefreiheit. Denn auch sie benötigen andere Textgrößen oder besonders einfache Menüs, da sie das Konzept von Hamburger Menüs beispielsweise gar nicht kennen und nicht wissen, dass die drei Striche ein Menü öffnen. Häufig sind es solche Kleinigkeiten, die für mehr Barrierefreiheit sorgen. Sie müssen bei der Erstellung einer Website nur entsprechend bedacht worden sein.
Wie sieht Barrierefreiheit in WordPress aus?
Zunächst einmal, indem darauf geachtet wird, dass das verwendete WordPress Theme »Accessibility Ready« ist. Die Kennzeichnung gibt an, dass das Theme den Richtlinien für Barrierefreiheit folgt und dementsprechend WCAG (Web Content Accessibility Guidelines) konform ist. Bei den Plugins sollte außerdem darauf geachtet werden, dass es Fallbacks für komplexe Mechanismen wie Slider, Videoboxen und vor allem auch Formulare gibt.
Inhaltlich solltet ihr darauf achten, beim Schreiben von Artikeln die korrekten Überschriften (H1 bis H6) zu verwenden. Nutzt überhaupt immer die vorgesehenen HTML-Elemente, beispielsweise für Listen und Bilder. Bei den Bildern sind Alt-Texte zudem Pflicht und Links mit Beschreibung helfen ebenfalls bei der Barrierefreiheit. Je weniger komplex und je klarer eine WordPress Website strukturiert ist, umso barrierefreier erscheint sie für die Besucher.
Menschen mit Behinderung können nicht immer eine Maus halten. Websites bedienen diese Personengruppen mittels Tastatur oder Controller, weshalb Fokuspunkte hier besonders wichtig sind. Mit solchen wechseln beeinträchtigte Menschen dann auch die Formulare, um ein Feld nach dem anderen ausfüllen zu können. Labels bei den Eingabefeldern helfen dem Verständnis ebenso.
Zu guter Letzt spielen auch Farbkontraste eine extrem große Rolle. Unzählige Menschen leiden unter einer Sehschwäche oder haben Probleme damit, Farben korrekt zu unterscheiden. Je weniger schwach die Kontraste sind, umso besser lesbar werden sie. Tools wie WhoCanUse zeigen sehr deutlich auf, welche Beeinträchtigungen von bestimmten Farbwahlen betroffen sind. Ein wunderbares Tool, um mehr Verständnis für die Sache selbst zu bekommen und zu verstehen, was das eigentliche Problem ist.
Gibt es WordPress Plugins für mehr Barrierefreiheit?
WordPress wäre allerdings nicht WordPress, wenn es nicht auch für die Barrierefreiheit entsprechende Plugins liefern würde. Genau wie die Accessibility Ready WordPress Themes, gibt es auch Erweiterungen, die sich um die Barrierefreiheit nach WCAG kümmern und demnach eine Vielzahl an Beeinträchtigungen abdecken und entsprechende Lösungen innerhalb von WordPress bereitstellen.
Wichtig ist zu verstehen, dass diese Erweiterungen meist nur bestehende Websites verbessern, jedoch keinesfalls eine volle Barrierefreiheit liefern. Es geht bei den WordPress Plugins für mehr Barrierefreiheit eher darum, dass auch WordPress Themes, die von Haus aus eben nicht barrierefrei gestaltet wurden, in dieser Hinsicht stark verbessert werden. Wer wirklich barrierefrei auftreten möchte, muss jedoch mehr tun als nur ein Plugin zu installieren.
WP-Accessibility
https://de.wordpress.org/plugins/wp-accessibility/
Eines der besten WordPress Plugins für mehr Barrierefreiheit ist sicherlich das WP-Accessibility Plugin. Das fügt unter anderem Skip Links hinzu, hilft bei der Navigation per Tastatur, entfernt Attribute, die sonst versehentlich vom Screenreader vorgelesen werden würden sowie noch einiges mehr. Schaut es euch ruhig mal genauer an und prüft, wie gut es sich für eure WordPress Website eignet.
One Click Accessibility
https://de.wordpress.org/plugins/pojo-accessibility/
Mit dem One Click Accessibility Plugin für WordPress fügt ihr eine Art Zugänglichkeitsmenü hinzu. Anwendende Personen mit Beeinträchtigungen können darüber die Kontraste ändern oder die Größe des Textes relativ frei anpassen. Außerdem fügt die Erweiterung noch verschiedene andere Funktionen für mehr Barrierefreiheit hinzu, die Personen mit Behinderungen entsprechend helfen werden, eure Website besser bedienen und nutzten zu können.
WP Accessibility Helper
https://de.wordpress.org/plugins/wp-accessibility-helper/
Mögliche Barrieren auf WordPress Websites erfolgreich zu entfernen, ist auch das Ziel des WP Accessibility Helper Plugins. Selbiges kann einen Kontrastmodus aktivieren, die Lesbarkeit verbessern oder Animationen entfernen sowie noch vieles mehr. Die Erweiterung öffnet sich über ein Menü, in dem die Anwendende Personen mit einer Behinderung entsprechende Optionen festlegen können, um die WordPress Website für sie persönlich angenehmer zu gestalten. Sehr hilfreich, da hier jeder individuell seine persönlichen Schwächen ausgleichen kann.
Wie kann ich die Barrierefreiheit testen?
Neben den Plugins, die Funktionen für mehr Barrierefreiheit integrieren, gibt es auch noch einige Online-Tools, die euch dabei unterstützen können, eure WordPress Website barrierefreier zu gestalten. Zuvor hatte ich bereits WhoCanUse erwähnt, doch selbiges kümmert sich tatsächlich nur um die Farben und Kontraste. Die sind zwar notwendig, stellen aber nur einen recht kleinen Teil der Barrierefreiheit dar.
Hilfreicher ist da schon WAVE, welches im Grunde alle Bereiche der jeweiligen WordPress Website genauer analysiert und Probleme wie auch Schwächen am Ende deutlich aufzeigt. Durch den Test und die verlinkten Hinweise zu den Ergebnissen, sollte rasch klar werden, wo noch eventuelle Schwachstellen in Bezug auf die Barrierefreiheit zu finden sind und wie ihr diese bestmöglich beheben könnt.
Eine Website, welche die ganze Sache einfach macht, ist Accessibilitytest.org. Dort wird die Barrierefreiheit am Ende mit einer Punktzahl ausgegeben. Die ist direkt zu verstehen und daher auch überaus nützlich. Außerdem lassen sich die verschiedenen Tools (WAVE, axe, AudioEye), die für die Punktzahl herangezogen werden, auch entsprechend einzeln auflisten, sodass eine Mängelliste entsteht, die abgearbeitet werden kann.
Warum ist Barrierefreiheit so wichtig?
Inklusion, Chancengleichheit, Gendergerechtigkeit, es gibt viele verschiedene Begriffe, die für mehr Barrierefreiheit stehen. Das muss nicht immer nur Behinderungen betreffen, meint in aller Regel aber die Anpassung von Websites für Menschen mit Beeinträchtigungen. Davon gibt es sehr viele, weshalb Barrierefreiheit auch keine Nebensache mehr ist, sondern für viele Unternehmen ein wichtiges Anliegen wurde.
Ging die Weltgesundheitsorganisation (WHO) lange davon aus, dass rund 10 Prozent der Weltbevölkerung eine Behinderung aufweisen, nennen die neusten Zahlen dazu eher 15 Prozent. Damit ist ungefähr jeder 7. Mensch auf der Welt entsprechend beeinträchtigt. Ihr könnt euch also vorstellen, wie viele Personen mit Behinderung auf eure WordPress Website stoßen und diesen ebenso lesen und bedienen möchten, wie all die Menschen ohne Behinderung.
Wichtig ist Barrierefreiheit aber nicht nur für Menschen mit Behinderung. Sie stellt nur sicher, dass diese eure WordPress Website mit ihren Hilfsmitteln korrekt bedienen können. Barrierefreiheit hilft aber zum Beispiel auch dabei, dass alte Menschen sich besser zurechtfinden und die Nutzerfreundlichkeit allgemein stark ansteigt. Denn meist fördert das Nachdenken darüber, wie Nutzer eine Website erleben und wo Schwächen in der Navigation, Bedienung oder ähnlichem zu finden sind, automatisch auch die allgemeine Bedienbarkeit.
Barrierefreiheit hilft am Ende also schlichtweg allen und ist berechtigterweise mehr und mehr in den Mittelpunkt moderner WordPress Websites gerückt. Verschlaft das Thema also nicht, sondern sorgt schon heute dafür, dass sich bei auch alle Personengruppen entsprechend wohlfühlen. Solltet ihr Unterstützung oder Beratung bei der Anpassung von WordPress in Hinsicht auf die Barrierefreiheit benötigen, dürft ihr euch gerne bei mir melden.
weitere Links:
- https://www.verdure.de/magazin/strategie/barrierefreiheitsstarkungsgesetz-websites-2025-bfsg-bitv-wcag/
- https://www.whocanuse.com/
- https://wave.webaim.org/
- https://accessibilitytest.org/
- https://chrome.google.com/webstore/detail/wcag-color-contrast-check/plnahcmalebffmaghcpcmpaciebdhgdf
- https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh
