Barrieren erkennen und WordPress barrierefrei einrichten
Hast du dir schon mal Gedanken um die virtuelle Barrierefreiheit von WordPress gemacht?
Nicht nur Gebäude müssen dringend barrierefrei gestaltet werden, damit jeder von uns problemlosen Zugang erhält, sondern auch Webseiten . Wir alle benutzen das Internet Tag für Tag, meistens fällt uns das „schnell mal was googeln“ gar nicht mehr auf. Dieser schnelllebige Gebrauch ist aber nicht für jeden Menschen problemlos zugänglich, vor allem für Menschen mit motorischen, geistigen oder körperlichen Einschränkungen.
Um noch mehr Menschen bei einem barrierefreien Zugang im Internet zu unterstützen, kann jeder von uns mit nur wenigen Stellschrauben seine WordPress Webseite barrierefrei und vor allem benutzerfreundlicher gestalten und so, jedem einen einwandfreien Zugang zu seinen Inhalten ermöglichen.
Inhaltsverzeichnis
1. Was bedeutet Barrierefreiheit für WordPress Webseiten?
Die meisten von uns denken bei dem Stichwort Barrierefreiheit sicher direkt an stufenlose Hauseingänge, ebenerdige Duschen, Treppenlifte uvm.
Das ist nicht falsch, aber Barrierefreiheit umschließt neben den architektonischen Bereichen auch kommunikative, kulturelle und eben auch digitale Bereiche.
Barrierefreiheit beschreibt heutzutage also auch das hindernisfreie Surfen im Internet und dazu gehört natürlich auch die Barrierefreiheit von (WordPress) Webseiten.
Barrierefreiheit bedeutet im Internet, dass zum Beispiel Menschen mit einer Sehbehinderung, gehörlose, schwerhörige sowie blinde Menschen vollumfänglich auf Inhalte zugreifen können und nicht durch technische Barrieren der Zugang verwehrt bleibt.
"Eine Website ist barrierefrei, wenn sich Einschränkungen beim Sehen, Hören, Bewegen oder beim Verarbeiten von Informationen nicht negativ darauf auswirken, wie wir das Web nutzen."
Konkret bedeutet das, dass wir verschiedene Merkmale an Webseiten verändern und Elemente hinzufügen können, die es anderen Personen einfacher macht, mit uns und unserer Webseite barrierefrei zu interagieren.
"Inklusion funktioniert nicht ohne Barrierefreiheit. Denn wo Orte, Räume oder Kommunikationsmittel nicht barrierefrei sind, bleibt Teilhabe am kulturellen und politischen Leben, an der Arbeitswelt und in der Freizeit verwehrt."
Am dritten Dezember ist internationaler Tag der Menschen mit Behinderungen – diese sind oft nicht sichtbar. Damit soll unter anderem auch auf psychische Erkrankungen sowie Hör- und Sehbeeinträchtigungen aufmerksam gemacht werden. Diese spielen insbesondere bei der Barrierefreiheit von Webseiten eine wichtige Rolle.
Bei einer Untersuchung im Jahr 2019/ 2020 der Majestic Million-Liste der meistreferenzierten Webseiten der Welt stellte sich heraus, dass gerade mal 2 % der darin enthaltenen Webseite keine Mängel in der Barrierefreiheit aufwiesen.
Wen betrifft die Barrierefreiheit von Webseiten?
Behinderungen und Beeinträchtigungen können jeden betreffen und sich ganz verschieden äußern. Die Barrierefreiheit hilft dabei nicht nur Menschen mit dauerhaften Behinderungen, sondern auch solchen mit temporären, altersbedingten oder situativen Einschränkungen. Insgesamt betrifft das:
- Blinde und sehbehinderte Menschen – aufgrund von Farbkontrasten, fehlenden Strukturen oder Alternativtexten.
- Menschen mit motorischen Einschränkungen – wenn die Seite nicht über Tastatur- oder Sprachsteuerung zu bedienen ist.
- Gehörlose und schwerhörige Menschen – benötigen Untertitel, Transkripte und klare visuelle Hinweise.
- Menschen mit kognitiven Einschränkungen – brauchen Unterstützung mit einer klaren Sprache, übersichtlichen Strukturen und wenig Ablenkung.
- Ältere Menschen –profitieren von größeren Schriftarten, guter Lesbarkeit und einer einfachen Bedienung der Webseite.
- Temporär eingeschränkte Nutzer – kannst du durch guter Tastaturbedienung, Textalternativen oder visueller Klarheit unterstützen.
Warum ist digitale Barrierefreiheit wichtig – 3 Gründe
Die Barrierefreiheit von Webseiten ist aus verschiedenen Perspektiven wichtig: ethisch, rechtlich und wirtschaftlich. Gehen wir dem ganzen einmal auf den Grund und erklären, warum die digitale Barrierefreiheit konkrete Auswirkungen auf dich hat.
Ethische Gründe für Barrierefreiheit
Gleichberechtigung : Jeder Mensch / Nutzer hat das Recht auf einen gleichberechtigten Zugang zu (digitalen) Informationen und Dienstleistungen – unabhängig von den eigenen oder allgemeinen Einschränkungen.
Inklusion fördern : Barrierefreie WordPress Webseiten ermöglichen es jedem am gesellschaftlichen Leben teilzunehmen bzw. alle Angebote in Anspruch nehmen zu können – z. B. beim Online-Banking, bei Bewerbungen oder beim Online-Shopping.
Digitale Selbstbestimmung : Menschen mit Behinderungen sollen und müssen Webseiten eigenständig und ohne fremde Hilfe nutzen können. Die Bewahrung der Eigenständigkeit und der Selbstbestimmung ist ein zentraler Faktor der Inklusion
Rechtliche Gründe für barrierefreie Webseitennutzung
Auf rechtlicher Ebene – auf die wir gleich noch näher eingehen – bewegen wir uns von einer optionalen Regelung zu einer verpflichtenden Umsetzung der digitalen Barrierefreiheit.
Barrierefreiheitsstärkungsgesetz (BFSG) : Seit dem 28. Juni 2025 müssen Webseiten in der Privatwirtschaft barrierefrei gestaltet sein. Dazu zählen unter anderem Online-Shops bzw. alle Angebote, die sich direkt an den Endverbraucher richten.
EU-Richtlinie 2019/882 (European Accessibility Act) : Hierbei handelt es sich um die EU-weite Vorgabe, die Barrierefreiheit in digitalen Produkten und Dienstleistungen verbindlich macht.
BITV 2.0 – regelt die Barrierefreiheit für öffentliche Institutionen in Deutschland. Öffentliche Stellen, wie zum Beispiel Gemeindewebseiten, müssen ihre Webseiten und Apps bereits seit einigen Jahren barrierefrei gestalten.
Klagegefahr : Hältst du diese Bestimmungen nicht ein, riskierst du mit deinem Unternehmen Abmahnungen oder Klagen zu erhalten. Diese können durch Verbände oder betroffene Nutzer verschickt werden, wie es beispielsweise bei der Google Fonts Thematik vor einigen Jahren der Fall war.
Wirtschaftliche Gründe für digitale Barrierefreiheit
Wirtschaftliche Gründe und Interessen sollten jedem Webseitenbetreiber zum Teil klar sein – denn wir möchten mit unserem Online-Business ja bestmöglich den Lebensalltag bestreiten.
Zielgruppe erweitern : In Deutschland leben rund 10 Millionen Menschen mit einer Behinderung, weltweit über 1 Milliarde. Erstellst du deine Webseite und Angebote barrierefrei, erweiterst du deine Zielgruppe.
Bessere Usability = bessere Conversion : Von eienr klar strukturierten und barrierefreien Webseite mit hoher Benutzerfreundlichkeit profitieren nicht nur Menschen mit Behinderungen. Richtig aufgebaute Webseiten sind oft schneller, verständlicher und intuitiver.
Suchmaschinenoptimierung (SEO) : Barrierefreie Webseiten sind meist so gut im Hintergrund strukturiert, dass das auch Google auffällt und als positives Signal verstanden wird.
Zukunftssicherheit : Die digitale Barrierefreiheit von Webseiten wird auf lang oder kurz zum neuen Standard – wenn du hier frühzeitig in die Optimierung deiner Online-Präsenz investierst, sparst du dir später den Mehraufwand im nachrüsten.
2. Rechtliche Grundlagen für die Barrierefreiheit von WordPress Webseiten
Seit dem 23. September 2018 sind alle öffentlichen Stellen im europäischen Raum dazu verpflichtet, ihr digitales Angebot barrierefrei zu gestalten.
Diese EU Richtlinie wird in Deutschland bisher über die Barrierefreie-Informationstechnik-Verordnung (BITV) geregelt. Diese soll die umfassende, uneingeschränkte, barrierefreie Gestaltung moderner Informations- und Kommunikationstechniken gewährleisten. Sie gilt insbesondere für Webseiten, mobile Anwendungen, elektronisch unterstütze Verwaltungsabläufe und grafische Programmoberflächen.
Davon sind aber auch nicht alle Webseiten betroffen, sondern vermehrt Webseiten, die durch öffentliche Mittel finanziert werden.
Weitere Informationen zur Gesetzesänderung und welche Webseiten davon betroffen sind, kannst du hier nachlesen:
💻 Diese Webseiten sind durch das BITV betroffen.
⚠️ Die rechtliche Lage von barrierefreien Webseiten – das musst du beachten .
Das Barrierefreiheitsstärkungsgesetz (BFSG)
Das Barrierefreiheitsstärkungsgesetz (BFSG) ist das Gesetz, um das sich gerade alles dreht und am 28. Juni 2025 in Kraft getreten ist. Es verpflichtet viele private Unternehmen, ihre digitalen Produkte und Dienstleistungen barrierefrei anzubieten.
Das Gesetz basiert auf der EU-Richtlinie 2019/882 – dem sogenannten European Accessibility Act (EAA) – und soll Menschen mit Behinderungen den gleichberechtigten Zugang zu digitalen Angeboten ermöglichen bzw zusichern.
🎯 Das Ziel hinter dem Gesetz
Das Hauptziel hinter dem BFSG ist die digitale Teilhabe aller Nutzer, insbesondere von Menschen mit Einschränkungen, die dadurch Webseiten, Software, Geräte und Services eigenständig nutzen können sollen.
Zudem bildet das Gesetz einen einheitlichen Standard und klare Richtlinien für alle Unternehmens-Typen, die sich mit ihrem Angebot direkt an den Endverbraucher wenden.
Letztlich führt das Gesetz aber auch zum Abbau digitaler Barrieren, sodass alltägliche Funktionen wie Kommunikation, Einkäufe, Buchungen oder Online-Banking ohne Hindernisse für alle genutzt werden können.
Welche Unternehmen sind vom Barrierefreiheitsstärkungsgesetz betroffen?
Das Barrierefreiheitsstärkungsgesetz (BFSG) betrifft nicht jede Webseite, auch wenn es auf den ersten Blick vielleicht so scheinen mag. Zwar wäre eine ganzheitliche Barrierefreiheit von Webseiten wichtig, allerdings regelt das BFSG zunächst nur Webseiten, die sich mit ihrem digitalen Angebot direkt an den Endverbraucher richtet, also B2C (Business to Customer) orientiert ist. Dazu gehören:
- Onlineshops
- Banken und Finanzdienstleister (Onlinebanking, Apps)
- Telekommunikationsanbieter
- Ticketverkauf, Reise- und Veranstaltungsportale
- Anbieter von e-Books und bestimmten IT-Dienstleistungen für Privatkunden.
Wer ist aktuell nicht betroffen?
- Unternehmen, die ausschließlich Geschäftskunden (B2B) ansprechen.
- Kleine Betriebe mit weniger als 10 Mitarbeitern und weniger als 2 Mio. Euro Jahresumsatz,
- sofern sie keine regulierten Dienstleistungen anbieten (wie z.B. Banken).
Web Content Accessibility Guidelines (WCAG)
Die Web Content Accessibility (WCAG) Guidelines, auf Deutsch Richtlinien für barrierefreie Webinhalte, ist ein internationaler Standard zur barrierefreien Gestaltung von Internetangeboten. Diese Richtlinien bilden sozusagen die Grundanforderungen der Barrierefreiheit an Webseiten.
Die Maßnahmen der WCAG gelten in der EU insbesondere für
- öffentliche Stellen bereits seit 2019,
- bestehende Webseiten seit 2020 und
- mobile Anwendungen bereits seit 2021.
Dabei gilt eine verbindliche Einhaltung der WCAG-Richtlinien, um allen Nutzern, einschließlich Menschen mit Behinderungen, uneingeschränkten Zugang zu digitalen Inhalten zu bieten.
Die Richtlinien gelten – anders als beim Barrierefreiheitsstärkungsgesetz – nicht nur für B2C Unternehmen, sondern für alle Webseiten, die digitale Inhalte erstellen und betreiben.
Webseiten, die diesen Richtlinien entsprechen, sind auch für Menschen mit sensorischen und motorischen Einschränkungen zugänglich, wodurch sie die angebotenen Informationen und Inhalte erfassen und nötige Eingaben tätigen können. Die WCAG ist ein wichtiger Bestandteil und das Zentrum vieler Richtlinien, die zur Förderung eines barrierefreien Internets erarbeitet wurden.
Wenn die Richtlinien der WCAG nicht vollständig und ordnungsgemäß eingehalten werden und Webseiten für Personen mit Einschränkungen nicht zugänglich sind, kann es tatsächlich zu Klagen von Einzelpersonen kommen. Diese haben in den letzten Jahren prozentual zugenommen, weswegen es wichtig ist, sich im Rahmen der Barrierefreiheit für Webseiten mit den Richtlinien zu beschäftigen.
Informationen zu den Richtlinien und welche Seiten davon betroffen sind, findest du hier.
3. Welche Barrieren können bei Webseiten auftreten?
Barrieren auf Webseiten können ganz unterschiedlich aussehen, da es auch verschiedene Formen von Einschränkungen gibt. Dazu zählen körperliche, geistige und auch seelische Einschränkungen , die sogar in § 3 des Deutschen Behindertengleichstellungsgesetzes (BGG) näher aufgeführt werden.
Dazu zählen zum Beispiel:
- Technische Einschränkungen – Manche Inhalte einer Webseite stehen für die Ausgabe über Assistenzen und Hilfsmittel nicht zur Verfügung. Dazu zählen fehlende Untertitel von Videos und fehlende Alternativtexte bei Bildern.
- Einschränkungen des Sehens – hierzu zählen leichte bis starke Sehschwächen bis hin zur vollständigen Blindheit, durch die Inhalte nicht (vollständig) wahrgenommen werden können. Beispiele dafür sind schlechte Kontraste und Formen oder schlechte Farb-Schemata zum Beispiel bei Rot-Grün-Schwächen.
WordPress barrierefrei zu gestalten, bringt Webseitenbetreibern einige Vorteile.
Durch Inklusion erreichst du mehr Menschen aus deiner Zielgruppe und damit auch mehr potentielle Kunden. Außerdem steigt die Benutzerfreundlichkeit deiner Webseite deutlich an, was du auch in der Google Core Web Vitals Analyse nachvollziehen kannst. Dadurch stärkst du gleichzeitig deine Reichweite, deine Positionierung bei Google und tust deinen Nutzern etwas Gutes.
Lohnt sich doch, oder?
- Motorische Beeinträchtigungen – aufgrund körperlicher Einschränkungen können Betroffene nicht gut über eine Webseite navigieren. Hierbei können Menüs, Formulare und Buttons zum Problem werden, weswegen diese auf die Tastaturnavigation angepasst werden müssen.
Diese Punkte sind für meist ohne großen Mehraufwand einfach umzusetzen und sorgen für einen problemlosen Zugang zu unseren Inhalten für alle Menschen.
Ist WordPress von Haus aus barrierefrei?
Die Frage nach der grundsätzlichen Barrierefreiheit und einer barrierefreien Webseitengestaltung mit WordPress ist durchaus zentral.
WordPress bzw. eine gesamte WordPress Webseite kann barrierefrei sein – die Barrierefreiheit ist allerdings vom jeweiligen Nutzer abhängig. Da WordPress ein Open Source System ist, hängt die Barrierefreiheit der Webseite nämlich nicht nur vom WordPress Kern, sondern auch stark von den dazugehörigen Plugins und Themes ab.
Der WordPress Core
Der WordPress Core bildet die Basis und ist weitestgehend barrierefrei. Dieser wird vom Accessibility Team kontinuierlich verbessert und ausgearbeitet.
Zum WordPress Core gehört beispielsweise auch der Gutenberg Block Editor, der ebenfalls in großen Teilen barrierefrei nutzbar ist. Allerdings sind einige Funktionen in puncto Zugänglichkeit noch ausbaufähig.
Mit jedem Core Update wird WordPress ein Stückchen barrierefreier, da mit jedem Update der vollständigen Barrierefreiheit gearbeitet wird. Das liegt vor allem auch daran, dass sich viele Menschen innerhalb der WordPress Community stark für eine barrierefreie Webseitengestaltung einsetzen.
Barrierefreiheit von Plugins und Themes
Plugins und Themes von WordPress sind allerdings nicht immer barrierefrei und müssen gesondert betrachtet werden.
WordPress interne Anwendungen werden, wie bereits beschrieben, vom Accessibility-Team kontrolliert – das gilt demnach auch für Plugins und Themes. Dazu gehört beispielsweise auch das WordPress eigenen Theme Twenty Twenty-Four.
Alle Drittanbieter-Themes oder -Plugins, die bei WordPress im Repo erscheinen, werden zudem von einem eigenen Review-Team geprüft, da diese den Grundanforderungen der Barrierefreiheit entsprechen müssen.
Erfüllen die Plugins und Themes diese nicht, müssen sie überarbeitet werden oder werden nicht dem offiziellen WordPress Repository hinzugefügt.
Einige Plugins und Tools, die du außerhalb von WordPress herunterladen kannst, entsprechen daher diesen Grundanforderungen der Barrierefreiheit nicht. Das liegt oftmals an schlechten Farbkontrasten, unsauberen Strukturen und mausabhänigigen Navigationen.
Wenn du dir nicht sicher bist, ob das Tool deiner Wahl Einstellungen zur barrierefreien Nutzung beinhaltet, solltest du gut recherchieren, bevor du darin investierst.
Im dümmsten Fall musst du viel Arbeit und Nachbereitung in barrierefreie Alternativen stecken, die ein anderes Tool vielleicht bereits nativ integriert hat.
Wo finde ich weitere Infos zur Barrierefreiheit von WordPress?
Das WordPress Team für Barrierefreiheit hat zu Informationszwecken verschiedene Seiten aufgebaut, auf der über Neuerungen in der Barrierefreiheit von WordPress gesprochen wird.
Alle neuen Code-Anpassungen richten sich nach den Richtlinien gemäß den Barrierefreiheitsstandards für WordPress. Funktionen, die noch sehr neu oder in der finalen Entwicklung sind, können teilweise noch nicht vollständig diesen Richtlinien entsprechen.
Bekannte Fehler oder Probleme kannst du aber im WordPress Trac nachlesen .
Ein wichtiges Projekt zur Erläuterung der barrierefreien Maßnahmen ist das WordPress Handbuch zur Barrierefreiheit , indem du die Weiterentwicklung verfolgen und nachlesen kannst.
Wenn du selbst Interesse daran hast, WordPress barrierefreier zu gestalten und für Menschen mit Einschränkungen weiterzubringen, kannst du dich über Slack mit der Community vernetzen und Teil des Teams werden .
Das Ziel der Community ist es, Webseiten nicht nur zum Lesen zugänglicher zu machen, sondern WordPress auch in der Erstellung und Pflege barrierefrei zu machen:
"The Accessibility Team works to make WordPress accessible to as many people as possible. This means making sure people are not just able to read web pages but also to create and maintain websites."
Des Weiteren gibt es eine eigene Seite zur Barrierefreiheit von WordPress in der aktuelle Tests und Updates zum Thema geteilt werden. Hier kannst du immer auf dem neuesten Stand sein, was sich gerade tut und an welchen Bereichen gerade gearbeitet wird. Ein wirklich spannender Beitrag der Community. Aktuell wird beispielsweise gerade an einer Alternative zu Slack getestet, also an einer Open-Source-Chat-Plattform, die für Menschen mit Einschränkungen benutzerfreundlicher und einfacher sein soll.
Auch wenn sich WordPress sehr für die Weiterentwicklung einsetzt, ist die Open Source Software längst nicht vollständig barrierefrei.
WordPress ist durchaus barrierefrei zu verwenden, aber die tatsächliche, barrierefreie Umsetzung der Webseite hängt immer vom Entwickler ab, der die Webseite baut und erstellt. Hier machen vor allem auch gute Themes und Plugins den Unterschied, ebenso wie die Weiterentwicklung des Gutenberg Block-Editor s, der sich nun auch immer weiter in Richtung Barrierefreiheit entwickelt.
Nichtsdestotrotz werden im Verlauf der WordPress Core Entwicklungen zwischenzeitlich auch mal Rückschritte mit neuen Updates gemacht, die aber immer wieder behoben und weiter getestet werden.
- PageSpeed Score
- Core Web Vitals
- Parameter mit Erläuterung
Nach dem Absenden erhältst du das Ergebnis direkt per E-Mail.
Mit dem Absenden dieses Formulars stimmst du unseren Datenschutzbestimmungen zu.
4. Wie gestalte ich WordPress barrierefrei – Barrieren und ihre Lösungen
Dein WordPress barrierefrei zu gestalten ist gerade aktueller denn je! Denn seit dem 28. Juni 2025 ist die Barrierefreiheit von Webseiten in Deutschland gesetzlich Pflicht. Je früher du dich also damit beschäftigst, ob du betroffen bist und wie du deine Webseite optimieren solltest, desto weniger Umbaustress hast du.
Statistiken der letzten Jahre zeigen, dass die Barrierefreiheit im Internet, spezifisch in Deutschland, immer noch als unzureichend zu kennzeichnen ist und fehlerhaft umgesetzt wird. Eine Studie von WebAIm hat alleine bei der Analyse aus 2025 mehr als 50 Millionen Barrierefreiheits-Fehler unter 1 Million getesteten Webseiten gefunden – das macht ca. 50 Fehler pro Webseite.
Im direkten Vergleich zum Vorjahr 2024 zeigt das einen Rückgang von etwa 5 Fehlern pro Seite – die 2024 bei ca. 56 lag.
Neben bereits bekannten Schwachstellen, wie zum Beispiel niedrige Kontraste und fehlenden Alternativtexten, zeigte sich bei einer Erhebung von Aktion Mensch auch die Zunahme fehlender Untertitel und Gebärdensprachenversionen – vor allem bei einem Drittel der deutschen Online-Shops.
Quellen: The WebAIM Million 2025 | Aktion Mensch: Test zur Barrierefreiheit deutscher Online-Shops |
Mehr Informationen zu barrierefreien Tools findest du hier:
Schriftarten und Schriftgrößen bei WordPress
🚫 Das Problem:
Ein besonders wichtiger Bestandteil einer Webseite ist die Schrift. Kann diese nicht einwandfrei gelesen werden, können viele Menschen mit deiner Webseite nicht richtig interagieren. Deswegen ist es wichtig, bei der Auswahl der Schriftart auf eine gute Lesbarkeit zu achten.
✅ Die Lösung:
Hier empfiehlt sich eine möglichst serifenlose Schriftart, die besser erkannt werden kann. Eine der klassischen und beliebtesten Sans-Serif-Schriften ist „Arial“ .
Neben der Schriftart ist auch die angezeigte Größe deiner Schrift wichtig, denn ältere Menschen oder Menschen mit Sehschwäche, fällt das Lesen bei einer größeren Schrift leichter. Die ideale Schriftgröße liegt auf einem Bildschirm bei durchschnittliche 16 Punkten .
Wer Probleme mit der hinterlegten Schriftgröße auf einer Webseite hat, kann sich selbst ganz einfach über folgende Tastenkombinationen helfen und somit WordPress etwas barrierefreier gestalten:
- bei Windows: [STRG] [+] und [STRG] [-] oder
- bei Apple [command] [+] und [command] [-]
Mit diesen Kombinationen kannst du sowohl in den Bildschirm hereinzoomen zur Vergrößerung der Inhalte (mit +) und herauszoomen, zur Verkleinerung (mit -) der Inhalte. So kannst du die perfekte Schriftgröße, unabhängig von der Webseite, für dich einstellen.
Du hast noch mehr Fragen zum Thema Schriftarten, Schriftgrößen und wie du eine neue Schrift bei WordPress hinterlegst?
👉🏻 Dann lies dir gerne unseren Artikel zum Thema: WordPress Schriften durch.
🔐 Die DSGVO-konforme Einbindung der Google Fonts – einfach erklärt.
🆎 Tipps der Bundesregierung für den Einsatz von Schriften zur Umsetzung der Barrierefreiheit.
Sprache
🚫 Das Problem:
Sprache kann komplex sein. Alleine in Deutschland leben zwischen zwei und sieben Millionen Analphabeten sowie Menschen mit einer Lese- oder Rechtschreibschwäche. Daneben gibt es außerdem Nicht-Muttersprachler und Menschen mit einem geringen Sprachverständnis wie z. B. Menschen mit angeborener Gehörlosigkeit oder Menschen, die unsere Sprache erst lernen. Auch diese Menschen sollten die Texte deiner Webseite barrierefrei und ohne Einschränkungen verstehen können.
✅ Die Lösung:
Deswegen ist es super sinnvoll dein WordPress barrierefrei zu verbessern und eine einfache Sprache zu verwenden, die für alle Nutzer zugänglich ist. Mit einer leicht verständlichen Ausdrucksweise erreichst du jeden Besucher auf deiner Webseite. Das „Netzwerk leichte Sprache“ hat dazu ein Regelwerk erstellt , an dem du dich gerne orientieren kannst.
Folgende Punkte solltest du bei der Erstellung deiner Texte aber immer im Hinterkopf behalten:
- verwende kurze, klare Sätze
- achte auf einen einfachen Satzbau und
- auf einen weitestgehenden Verzicht von Fremdwörtern
- verwende Verben und aktive Wörter
Ein vollständiger Verzicht auf Fremdwörter ist natürlich je nach Branche und Thema nicht immer möglich. Es lohnt sich aber immer unverständliche oder nicht geläufige Begriffe nochmals kurz zu erklären oder auch auf einen erklärenden Beitrag, wie ein Lexikon, zu verweisen, wenn es nicht anders möglich ist.
Struktur und Aufbau deiner WordPress Webseite
🚫 Das Problem:
Eine standardgemäße Webseite besteht aus verschiedenen Steuer-Elementen, die eine Grundstruktur vorgeben: Navigation, Menüs, Seiteninhalte, Header-Footer-Bereiche etc.
Inhalte, wie zum Beispiel Texte, sind meist nach der gleichen Struktur aufgebaut: Überschrift und Fließtext, auch wenn diese in unterschiedlichen Varianten dargestellt werden können.
Insbesondere für Assistenz-Systeme, wie beispielsweise Screenreader , ist ein richtiger Seiten-Aufbau und eine sinnvolle Strukturierung für deine barrierefreie WordPress Webseite wichtig.
✅ Die Lösung:
Achte auf eine saubere Struktur und einen klaren Webseitenaufbau – sowohl aus technischer als auch aus inhaltlicher Perspektive.
Bei Überschriften solltest du für eine gute Verständlichkeit unbedingt darauf achten, dass diese richtig beschrieben sind, technisch aber auch richtig ausgezeichnet sind.
Zur Einordnung der Überschriften-Hierarchie gibt es die Elemente <h1>, <h2>, <h3>, <h4> , welche die Hierarchie von Überschriften absteigend klassifiziert.
Diese bezeichnen zum Beispiel die Hauptüberschrift mit <h1> und die folgenden, kleiner werdenden Zwischenüberschriften jeweils mit <h2>, <h3>, <h4>.
Achte daher darauf, deine inhaltlichen Absätze und Kapitel auf deiner Webseite mit Überschriften in der richtigen Reihenfolge zu strukturieren und sinnvoll auszuzeichnen.
‼️ Die richtige Hierarchie von Überschriften und eine saubere Struktur deiner Webseite sind deshalb so wichtig, da diese von Screenreader vorgelesen und so verständlicher an den Nutzer weitergegeben werden können.
Um die Struktur einer Webseite auch für Screenreader lesbar zu machen, können sog. ARIA Labels verwendet werden. ARIA steht für „Accessible Rich Internet Applications“ und ermöglicht das Hinzufügen von Navigations-Landmarken, Javascript-Widgets, Formular, Hinweisen und Fehlermeldungen.
👉🏻 Für detaillierte Informationen zu den ARIA Labels kannst du dir diesen Beitrag durchlesen.
Aus SEO Perspektive kann es allerdings vorkommen, dass Überschriften nach ihrer Relevanz für das Thema oder für das Google Ranking anders klassifiziert werden. Das bedeutet, dass ein erdachte <h2> aufgrund ihres Inhaltes oder ihrer Relevanz nur als <h3> klassifiziert wird.
Wenn du dir hier nicht sicher bist, wie die beste Klassifizierung deiner Überschriften aussieht, wende dich an einen SEO-Experten, der dir bei einer barrierefreien und SEO-freundlichen Umsetzung hilft.
Tastaturbedienbare Navigation
🚫 Das Problem :
Viele Webseiten sind nicht vollständig mit der Tastatur bedienbar, was insbesondere für Menschen mit motorischen Einschränkungen problematisch ist. Wenn Nutzer nicht in der Lage sind, per Tastatur durch die Seite zu navigieren, sind sie gezwungen, auf die Maus oder andere Hilfsmittel zurückzugreifen, die sie möglicherweise nicht benutzen können.
✅ Die Lösung:
Stelle sicher, dass alle interaktiven Elemente (z. B. Links, Buttons, Menüs) mit der Tab-Taste zugänglich sind und der Fokus klar sichtbar ist. Achte darauf, dass auch dynamische Inhalte (wie Dropdown-Menüs) mit der Tastatur gesteuert werden können, ohne auf die Maus angewiesen zu sein.
Verwende semantisches HTML (z. B. <button> , <nav>, <a>) und stelle sicher, dass interaktive Elemente in der richtigen Reihenfolge durch den Tab-Index ansteuerbar sind.
Fokus-Indikatoren
🚫 Das Problem :
Ein häufiges Barrierefreiheitsproblem ist das Fehlen von Fokus-Indikatoren für interaktive Elemente wie Links, Buttons und Formulare. Wenn der Fokus nicht sichtbar ist, wissen Nutzer, die auf Tastatur oder Hilfstechnologien angewiesen sind, nicht, welches Element sie gerade ausgewählt haben. Dies kann die Navigation erheblich erschweren.
✅ Die Lösung :
Verwende sichtbare Fokus-Indikatoren, die den aktuell fokussierten Bereich hervorheben. Dies kann durch CSS erreicht werden, z. B. durch das Hinzufügen einer Umrandung oder Hintergrundfarbe. Der Fokus sollte für alle interaktiven Elemente wie Buttons, Links und Formulare klar sichtbar sein, wenn sie mit der Tab-Taste erreicht werden.
Über diesen Code kannst du zum Beispiel einen Fokus-Indikator auf deiner Webseite integrieren:
:focus {
outline: 3px solid #ff9900;
} Farbe und Kontrast
🚫 Das Problem:
Neben Schrift und Sprache ist auch der optische Kontrast in der Lesbarkeit eines Textes oder eines Inhaltes wichtig. Kontraste finden zwischen Vorder- und Hintergrund statt und sind von den verwendeten Farben abhängig. Hebt sich die Farbe der Schrift nicht genug von seinem Hintergrund ab, wird der Text für das Auge sehr schwer zu lesen sein.
Das kann vor allem für Menschen, die beispielsweise eine Seh- und Rot-Grün-Schwäche haben, zum Problem werden.
✅ Die Lösung:
Deshalb empfiehlt es sich, bei der Gestaltung deiner Webseite auf einen ausreichend hohen Kontrast zwischen Textfarbe und Hintergrund zu setzen, so bleibt deine Webseite zusätzlich auch bei hoher Sonneneinstrahlung auf dem Handy oder dem Computer gut lesbar.
Den Kontrast deiner Webseite kannst du über den Contrast Checker überprüfen und schauen, ob deine Seite für Menschen mit Sehstörungen zugänglich ist. Ein typisches Beispiel für einen guten Kontrast ist eine schwarze oder eine dunkelgraue Schrift auf weißem Hintergrund.
Um einen zu niedrigen Farbkontrast zu vermeiden, solltest du auf Farben setzen, die sich komplementär ergänzen. Eine rote Schrift auf grünem Hintergrund oder gelbe Schrift auf weißem Hintergrund wird nicht gut lesbar sein.
Wir empfehlen immer gerne den absoluten Klassiker unter den Farb-Schemata: eine schwarze oder dunkelgraue Schrift auf weißem oder hellem Hintergrund oder aber eine weiße Schrift auf schwarzem Hintergrund.
So wird dein WordPress nicht nur barrierefreier für Menschen mit Behinderungen, sondern auch insgesamt für alle Nutzer viel besser zu lesen sein. Denn wilde Farb-Experimente sind für alle Augen unangenehm.
Auf der Seite der Bundesregierung findest du viele mögliche Farbvariationen, die eine barrierefreie Gestaltung deiner Webseite ermöglichen. Hier musst du auch gar nicht auf ein langweiliges schwarz-weiß-Verhältnis setzen, sondern kannst gekonnt bunte Farben kombinieren.
🏳️🌈 Informiere dich hier über den barrierefreien Einsatz von Komplementärfarben auf deiner Webseite.
Alt-Texte bei Bildern und Videos
🚫 Das Problem:
Blinde Menschen oder Menschen mit Sehschwächen sind auf die sog. Alternativtexte (Alt-Texte) bei Bildern angewiesen. Da sie die Grafiken, Fotos oder Bilder auf deiner Webseite (nicht vollständig) sehen können, sind sie auf eine schriftliche deskriptive Erläuterung der Bilder angewiesen, um sie in den Kontext einfügen bzw. verstehen zu können.
✅ Die Lösung:
Alternativtexte sind kurze, beschreibende Texte, die für Bilder und andere visuelle Elemente auf Webseiten oder bei Social Media hinterlegt werden, um so von Screenreadern vorgelesen werden zu können. Sie sind Teil der HTML-Bildbeschreibung und dienen mehreren wichtigen Zwecken:
- Zugänglichkeit für Menschen mit Sehbehinderungen: Alt-Texte machen Bilder für Personen zugänglich, die auf Screenreader angewiesen sind. Ein Screenreader liest den Alternativtext vor und ermöglicht so eine Beschreibung des Bildinhalts, den der Nutzer sonst nicht wahrnehmen könnte.
SEO-Optimierung: Suchmaschinen verwenden Alt-Texte, um den Inhalt und Kontext eines Bildes zu verstehen. Eine gute Beschreibung hilft, die Sichtbarkeit deiner Webseite in den Suchmaschinenergebnissen zu verbessern.
Fehlende Bildanzeige kompensieren: Wenn ein Bild aus technischen Gründen nicht geladen werden kann, erscheint der Alt-Text an seiner Stelle, damit Nutzer dennoch eine Vorstellung vom Inhalt des Bildes bekommen.
In diesem Kontext helfen die Alt-Texte insbesondere Menschen mit Sehbehinderungen, denen es so möglich gemacht wird, Bilder zu verstehen ohne sie sehen zu müssen.
Vorlese-Tools (Screenreader) nutzen eben diese Alt-Texte , um die Bildbeschreibung sprachlich wiederzugeben. Durch das Vorlesen des Bildtextes ist es Menschen mit Einschränkungen möglich, auch die eingefügten Bilder auf deiner Webseite zu verstehen und in den Kontext des Inhaltes einzusortieren.
Bei WordPress kannst du den Alt-Text ganz einfach in der Mediathek zu jedem Bild hinzufügen. Beachte beim Hinzufügen eines Alt-Texts, dass die Bildbeschreibung den Inhalt des Bildes präzise wiedergibt.
"Es reicht nicht nur "Bild von Katze" zu schreiben, sondern man muss das richtig ausführen. Wir sind ja jetzt quasi blind auf der Webseite unterwegs. Deswegen schreibt man dann eher "Bild von einer grau-getigerten Katze, die auf einem Sofa liegt, wo die Sonne durchs Fenster scheint und die Katze in der Sonne liegt. Sie hat die Augen geschlossen und liegt ganz entspannt da." Das nimmt man ganz anders auf."
Wenn du deine Webseite diesbezüglich richtig anpassen willst, kannst du bei WordPress auch ein Screenreader Plugin, wie zum Beispiel Screen Reader Accessibility , installieren.
In unserem Podcast Hör mal wer da Hosted sprechen unsere Hosts Nick & Adrian in zwei Folgen über das Thema Barrierefreiheit von Webseiten.
Sie sprechen mit Accessibility und WordPress Core Expertinnen über die Themen: wie finde ich barrierefreie Plugins bei WordPress, wie funktioniert der Accessibility Prüfprozess bei WordPress Tools, worauf sollte ich bei der Umsetzung einer barrierefreien WordPress Webseite achten uvm.
Formulare
🚫 Das Problem:
Viele Webseiten benutzen Formulare in Form von Kontakt-Formularen. Diese sind wichtig, um mit dem Kundenservice, dem Support oder um überhaupt mit jemandem Kontakt zu treten. Viele Formulare bei WordPress sind allerdings nicht barrierefrei, da sie für Sehbehinderte und Menschen mit motorischen Einschränkungen nicht so leicht zu bedienen sind.
✅ Die Lösung:
Auf folgende Punkte kannst du bei der Erstellung von Formularen achten, um sie für Menschen mit Behinderungen einfacher zugänglich zu gestalten:
Das Label
Jedes Formular braucht ein geeignetes Label, um bei WordPress barrierefrei zu sein. Das Label dient zudem auch als Beschreibung des Formulars und hat den Vorteil, dass der Mauszeiger direkt in das dazugehörige Formularfeld überspringt. So muss das Feld nicht noch einmal separat angeklickt werden.
Die Verwendung von Platzhaltern reicht bei Formularen allerdings nicht aus, denn die Labels können auch von den Screenreadern ausgelesen werden, was bei Platzhaltern oft mit Problemen verbunden ist. Das Label sollte möglichst genau definiert werden und für den Button am Ende des Formulars sollte ein aussagekräftiger Text, wie zum Beispiel, „Jetzt bestellen“ oder „Kontaktanfrage senden“, formuliert werden.
Das Tabindex-Attribut
Das sog. Tabindex-Attribut wird dazu verwendet, die Orientierung in den Formularfeldern zu erleichtern, sodass das Feld einfach mit der Tabulatortaste ausgewählt werden kann. Insbesondere Menschen mit motorischen Schwierigkeiten können Probleme mit der Maus oder einem Touch-Pad haben, sodass die Tastatur oft das Mittel der Wahl zur Steuerung ist. Zur noch besseren Orientierung innerhalb des Formulars kann das aktuell ausgewählte Feld farbig hervorgehoben werden.
Deine Formulare bei WordPress werden mit diesen zwei Einstellungen barrierefrei benutzbar und hilft insgesamt bei der Orientierung innerhalb deines Formulars.
Automatisierte Slider
🚫 Das Problem:
Automatisierte Slider oder Karussells, die sich ohne Nutzerinteraktion bewegen, können problematisch sein, besonders für Menschen mit kognitiven Einschränkungen oder auf Screenreader angewiesene Nutzer . Diese Nutzer haben oft Schwierigkeiten, den sich bewegenden Inhalten zu folgen oder zu kontrollieren, wenn keine Möglichkeit besteht, den Slider anzuhalten oder zu pausieren.
✅ Die Lösung :
Achte darauf, dass alle automatisierten Slider pausierbar, anhaltbar und steuerbar sind. Biete den Nutzern die Möglichkeit, die automatische Bewegung zu stoppen, zu pausieren oder vorwärts und rückwärts zu navigieren. Ergänze den Slider um aria-live-Attribute und stelle sicher, dass jede Änderung im Slider von Screenreadern korrekt angekündigt wird. Beispiel:
<div role="region" aria-live="polite" aria-atomic="true"> <!-- Slider-Inhalte hier --> </div> PDF-Dokumente
🚫 Das Problem:
PDFs sind ein häufiges Medium für den Austausch von Dokumenten im Internet, jedoch sind viele PDFs nicht barrierefrei. Sie enthalten oft keine durchsuchbaren Texte, keine Alternativtexte für Bilder oder eine fehlerhafte Struktur, was sie für Screenreader-Nutzer unzugänglich macht.
✅ Die Lösung :
Erstelle barrierefreie PDFs, indem du sicherstellst, dass sie durchsuchbar sind und eine logische Struktur aufweisen (mit Kopfzeilen, Absätzen und Listen). Verwende semantische Tags und stelle sicher, dass Bilder mit Alternativtexten versehen sind. Tools wie Adobe Acrobat Pro oder PDF/UA (PDF Universal Accessibility) bieten Funktionen zur Erstellung barrierefreier PDFs. Wenn du die Möglichkeit hast, stelle die Inhalte auch in anderen, zugänglicheren Formaten zur Verfügung (z. B. HTML oder Word).
Die Barrierefreiheit Checkliste herunterladen
Alles ein bisschen viel Info auf einmal? Kein Problem!
Über den blauen Button lädst du dir einfach unsere detaillierte Checkliste herunter. Hier findest du alle wichtigen Punkte zur Barrierefreiheit von Webseiten noch einmal zusammengefasst – so kannst du alles direkt abhaken und musst die Infos nicht in deinem Kopf mit dir herumtragen.
5. Welche WordPress Plugins und Themes sind barrierefrei nutzbar?
Barrierefreie WordPress Themes
Zu einem barrierefreien WordPress benötigst du auch ein Theme, dass die Barrierefreiheit unterstützt. Die WordPress Community hat eine Liste mit 92 barrierefreien und direkt einsatzbereiten WordPress Themes zusammengestellt, an denen du dich sehr gut orientieren kannst.
Während WordPress leider nicht für Drittanbieter Themes eine allgemeine Barrierefreiheit garantieren kann, wurden die Themes dieser Liste vom Theme-Review-Team gesondert geprüft. Hierbei soll sichergestellt werden, dass mit diesen Themes WordPress barrierefrei zu verwenden ist und damit auch den Basisanforderungen der Barrierefreiheit entsprechen.
Insbesondere die neuen Standard-Themes von WordPress selbst, wie zum Beispiel das Twenty Twenty-Five Theme oder auch Vorgänger-Themes, wie Twenty Twenty-Three oder Twenty Twenty-Two, sind garantiert barrierefrei und können kostenlos bei WordPress heruntergeladen werden.
Hello Elementor by Elementor
Das Theme kommt direkt von Elementor selbst und ist bei den Nutzern extrem beliebt, vor allem in der Kombination mit dem dazugehörigen PageBuilder Elementor. Das Theme kannst du dir umsonst bei WordPress herunterladen. Es gibt einige Premium-Funktionen und Add-ons, die du zusätzlich kostenpflichtig erwerben kannst.
Barrierefreie Funktionen
Semantische HTML-Struktur : Hello Elementor verwendet eine klare und semantische HTML5-Struktur, die es Screenreadern erleichtert, den Inhalt der Website zu interpretieren.
Skip-to-Content-Link : Das Theme enthält standardmäßig einen „Skip to Content“-Link, der es Nutzern ermöglicht, direkt zum Hauptinhalt der Seite zu springen, was besonders für Tastaturnutzer und Screenreader hilfreich ist.
Anpassbare Farbkontraste : Durch die Kombination mit Elementor können Designer sicherstellen, dass Farbkontraste den WCAG-Richtlinien entsprechen, um die Lesbarkeit für alle Nutzer zu gewährleisten.
Tastaturnavigation : Die Navigationselemente des Themes sind so gestaltet, dass sie vollständig mit der Tastatur bedienbar sind, was die Zugänglichkeit für Nutzer ohne Maus erhöht.
Unterstützung von ARIA-Rollen : Hello Elementor unterstützt die Zuweisung von ARIA-Rollen und -Attributen, die es ermöglichen, zusätzliche Informationen für assistive Technologien bereitzustellen.
Preis: kostenlos bei WordPress und zusätzliche kostenpflichtige Features.
Twenty Twenty-Four
Twenty Twenty-Four ist das neueste Standard-Theme von WordPress (veröffentlicht mit WordPress 6.4) und hat auch barrierefreie Funktionen integriert. Es wurde speziell mit Blick auf Zugänglichkeit und Benutzerfreundlichkeit entwickelt, sodass es für viele Menschen, einschließlich solcher mit Einschränkungen, gut nutzbar ist.
Barrierefreie Funktionen
- WCAG 2.1-konform : Das Theme erfüllt die grundlegenden Anforderungen für barrierefreie Webseiten und sorgt für eine bessere Nutzererfahrung für Menschen mit unterschiedlichen Einschränkungen.
Optimierung für Screenreader : Die Struktur des Themes unterstützt Screenreader und sorgt dafür, dass alle wichtigen Inhalte gut lesbar sind.
Tastaturbedienbarkeit : Es gibt keine Hindernisse bei der Navigation mit der Tastatur, was besonders für Menschen mit motorischen Einschränkungen wichtig ist.
- Einfaches, klares Design : Das Design ist minimalistisch und klar strukturiert, was es für alle Nutzergruppen leicht verständlich und einfach zu navigieren macht.
- Gute Farbkontraste : Der Kontrast zwischen Text und Hintergrund wurde so gewählt, dass er den Anforderungen der Barrierefreiheit entspricht.
Strukturierte Layouts : Es verwendet semantische HTML-Tags wie
<header>,<footer>,<article>, und<section>, die sowohl für visuelle Benutzer als auch für Nutzer von Hilfstechnologien klar sind.Saubere Navigation : Eine klar strukturierte Navigation, die sowohl mit der Maus als auch mit der Tastatur leicht zugänglich ist.
Preis: kostenlos bei WordPress.
Ocean WP
Ocean WP ist eine bekannte Marke für WordPress Themes. Auch dieses wurde von dem WordPress Team als barrierefrei eingestuft und kann somit auch kostenlos bei WordPress heruntergeladen werden. Auch hier gibt es aber zusätzliche Features, die kostenpflichtig zu erwerben sind.
Barrierefreie Funktionen
Semantische HTML-Struktur : OceanWP verwendet eine klare und semantische HTML5-Struktur, die es Screenreadern erleichtert, den Inhalt der Website zu interpretieren.
Tastaturnavigation : Die Navigationselemente des Themes sind so gestaltet, dass sie vollständig mit der Tastatur bedienbar sind, was die Zugänglichkeit für Nutzer ohne Maus erhöht.
Anpassbare Farbkontraste : Durch die umfangreichen Anpassungsoptionen kannst du sicherstellen, dass Farbkontraste den WCAG-Richtlinien entsprechen, um die Lesbarkeit für alle Nutzer zu gewährleisten.
Unterstützung von ARIA-Rollen : OceanWP unterstützt die Zuweisung von ARIA-Rollen und -Attributen, die es ermöglichen, zusätzliche Informationen für assistive Technologien bereitzustellen.
Preis: kostenlos bei WordPress & kostenpflichtige Features.
Storfront von Automattic
Storefront ist ein Theme von Automattic und kann komplett kostenlos bei WordPress heruntergeladen werden. Im Vergleich zu anderen Themes hat das Plugin zwar nicht ganz so viele Installationen, allerdings wird es regelmäßig von WordPress selbst weiterentwickelt.
Barrierefreie Funktionen
Barrierefreiheitsbereit : Storefront ist als „Für Barrierefreiheit geeignet“ gekennzeichnet, was bedeutet, dass es die grundlegenden Anforderungen an die Zugänglichkeit erfüllt.
Semantische HTML-Struktur : Das Theme verwendet eine klare und semantische HTML5-Struktur, die es Screenreadern erleichtert, den Inhalt der Webseite zu interpretieren.
Tastaturnavigation : Die Navigationselemente des Themes sind so gestaltet, dass sie vollständig mit der Tastatur bedienbar sind, was die Zugänglichkeit für Nutzer ohne Maus erhöht.
Anpassbare Farbkontraste : Storefront bietet verschiedene Layout- und Farboptionen, die es ermöglichen, Farbkontraste anzupassen und somit die Lesbarkeit für alle Nutzer zu verbessern.
Preis: kostenlos bei WordPress
Wie du siehst, haben alle drei Themes ähnliche Funktionen, die dir ein barrierefreies WordPress recht einfach ermöglichen. Die meisten Aspekte einer barrierefreien WordPress Webseite werden heute in fast jedem Theme standardmäßig integriert. Meist liegt es also an uns Nutzern, die nötigen Einstellungen oder Entscheidungen barrierefrei zu treffen.
Barrierefreie WordPress Plugins verwenden
Barrierefreie WordPress Plugins sind eine wichtige Hilfe, um Webseiten für alle Nutzer zugänglich zu machen – unabhängig von ihren Fähigkeiten oder Einschränkungen. Diese Plugins bieten einfache Lösungen, um den Anforderungen der WCAG zu entsprechen und die Benutzererfahrung für Menschen mit motorischen, sehnlichen oder kognitiven Einschränkungen zu verbessern.
Ein Überblick über beliebte WordPress Plugins und deren Barrierefreiheit für WordPress kannst du hier nachlesen. Dabei stellen wir dir auch zusätzliche Plugins vor, die dich bei einer barrierefreien Gestaltung deiner Seite unterstützen können.
✅ Barrierefreiheit Plugins für WordPress – auf diese Plugins kannst du dich verlassen.
WP Accessibility
WP Accessibility ist ein sehr beliebtes Plugin, das eine Vielzahl von Funktionen bietet, um die Barrierefreiheit deiner WordPress Seite zu verbessern. Das Plugin behebt gängige Barrierefreiheitsprobleme und ermöglicht eine einfache Implementierung der WCAG-Richtlinien. Tatsächlich wurde das Plugin einem Mitglied des WordPress Accessibility-Teams entwickelt und hat mehr als 50.000 aktive Installationen.
👍🏻 Der Vorteil des Plugins: es ist einfach zu installieren und zu konfigurieren, ohne dass tiefgehende technische Kenntnisse erforderlich sind.
Funktionen
Skip-Links – damit Nutzer mit Tastatur schneller zum Hauptinhalt gelangen.
Stellt sicher, dass Links und Bilder mit Alt-Texten versehen sind.
Ermöglicht das Hinzufügen von Aria-Rollen und Aria-Labels für interaktive Elemente.
Passt den Kontrast an, um die Lesbarkeit zu erhöhen.
Preis: Kostenlos bei WordPress.
One Tab
One Tab – ehemals One Click Accessibility – ist ein weiteres leicht zu verwendendes Plugin, das eine Reihe von Zugänglichkeits-Tools für WordPress-Seiten bietet. Es hilft, die Barrierefreiheit deiner Webseite zu verbessern, indem es wichtige Funktionen hinzufügt, die die Nutzung für Menschen mit verschiedenen Einschränkungen erleichtern.
👍🏻 Der Vorteil des Plugins: ist sehr benutzerfreundlich und bietet eine sofort einsatzbereite Lösung für deine barrierefreie Webseite.
Funktionen
Fügt ein Zugänglichkeits-Widget hinzu, mit dem Nutzer die Seite nach ihren Bedürfnissen anpassen können (z. B. Schriftgrößenänderung, Kontrastanpassung).
Automatische Erstellung von Skip-Links.
Fokus auf Tastatur-Navigation und Screenreader-Unterstützung.
5. Warum die Barrierefreiheit für deine WordPress Webseite unverzichtbar ist
Die Barrierefreiheit von Websites ist nicht nur eine rechtliche Verpflichtung, sondern auch ein entscheidender Schritt, um eine inklusivere digitale Welt zu schaffen. Mit den richtigen WordPress-Themes und Plugins lässt sich die Zugänglichkeit einfach und effektiv verbessern. Twenty Twenty-Four, Astra und GeneratePress bieten eine hervorragende Grundlage für barrierefreie Designs, während Plugins wie WP Accessibility, One Tab praktische Tools liefern, um gängige Barrierefreiheitsprobleme zu beheben.
Durch die Umsetzung dieser Maßnahmen stellst du sicher, dass deine Website nicht nur den aktuellen WCAG 2.2-Richtlinien entspricht, sondern auch allen Nutzern – unabhängig von ihren Einschränkungen – ein besseres Nutzungserlebnis bietet. Barrierefreiheit verbessert nicht nur die Usability, sondern stärkt auch das SEO und rechtliche Compliance und trägt so zu einer breiteren Reichweite und einem besseren Image bei.
Werde Teil der Lösung und erzähle uns, wie du die Barrierefreiheit deiner Webseite angehst. 🙂
Danke für diese Zusammenfassung zum Barrierefreiheitsstärkungsgesetz. Wichtig wäre aber zu erwähnen, dass Kleinstunternehmen die Dienstleistungen erbringen vom Anwendungsbereich des Gesetzes ausgenommen sind:
„Kleinstunternehmen sind Unternehmen, die weniger als 10 Personen beschäftigen und die
entweder einen Jahresumsatz von höchstens 2 Millionen Euro erzielen oder deren
Jahresbilanzsumme sich auf höchstens 2 Millionen Euro beläuft. Wenn das in Beispiel 3 genannte
Friseurgeschäft also beispielsweise 1 Million Euro Umsatz im Jahr macht und nur 4 Mitarbeiter
beschäftigt, muss es die Barrierefreiheitsanforderungen nicht beachten, obwohl es
Dienstleistungen im elektronischen Geschäftsverkehr anbietet. Beschäftigt das Friseurgeschäft
jedoch 4 Mitarbeiter und macht einen Umsatz von 2,1 Millionen Euro im Jahr, ist es kein
Kleinstunternehmen nach dem BFSG. Gleiches gilt, wenn es 10 Mitarbeiter beschäftigt und einen
Jahresumsatz von 1 Million Euro erzielt.“