So machen Sie Ihre WordPress-Website barrierefreier
Veröffentlicht: 2022-05-05Wenn es darum geht, Ihre Website in Suchmaschinen besser zu ranken, werden Sie oft Ratschläge finden, die sich auf die Bewerbung Ihrer Website und die Verbesserung Ihrer SEO konzentrieren. Aber es gibt noch ein weiteres Puzzleteil, das von vielen Website-Betreibern oft vernachlässigt wird. Dieses Puzzleteil ist Barrierefreiheit.
Die Wahrheit ist, dass die Fokussierung auf Zugänglichkeit mit der SEO-Optimierung einhergeht, da beide erfordern, dass Ihre Website für alle Benutzer benutzerfreundlich ist, auch für diejenigen mit verschiedenen Behinderungen.
In diesem Beitrag erkläre ich, was Barrierefreiheit ist, warum sie wichtig ist, und gebe Tipps, wie Sie Ihre WordPress-Website zugänglicher machen können.
Was ist WordPress Barrierefreiheit
WordPress-Zugänglichkeit ist eine Praxis, um Ihre WordPress-Website für alle Benutzer zugänglicher zu machen, insbesondere für Benutzer, die sich auf Hilfstechnologien verlassen, um im Internet zu navigieren. Dazu gehören Menschen mit Seh- oder Hörbehinderungen, Benutzer mit motorischen Problemen, ältere Menschen und Benutzer mit vorübergehenden Behinderungen wie einem gebrochenen Arm.
Es umfasst jedoch auch Menschen, die in Gebieten mit langsamer Internetverbindung leben, und solche, die Geräte mit kleineren Bildschirmen verwenden.
Warum Barrierefreiheit wichtig ist
Wie Untersuchungen zeigen, nutzen 54 % aller behinderten Erwachsenen in den USA täglich das Internet. Darüber hinaus kann eine unzugängliche Website zu rechtlichen Problemen führen. Dies sind jedoch nicht die einzigen Gründe, warum Barrierefreiheit wichtig ist.
Barrierefreiheit im Internet ist ein grundlegendes Menschenrecht
Ein wichtiger Grund, warum Sie darauf achten sollten, dass Ihre WordPress-Website barrierefrei ist, ist, dass dies eines unserer grundlegenden Menschenrechte gemäß der UN-Behindertenrechtskonvention ist.
Eine barrierefreie Website führt zu mehr Besuchern
Ein weiterer Vorteil, wenn Sie Ihre WordPress-Website barrierefreier machen, ist die Tatsache, dass mehr Menschen problemlos auf Ihrer Website navigieren und diese nutzen können, unabhängig von ihrem Zustand und ihrer Situation. Sobald Ihre Besucher sehen, dass sie Ihre Website problemlos nutzen können, werden sie mit größerer Wahrscheinlichkeit zu ihr zurückkehren und sie mit ihren Freunden und Followern teilen.
Eine barrierefreie Website verbessert Ihre SEO
Schließlich verwendet eine barrierefreie Website das richtige semantische Markup. Es hat auch Links, Bilder und Formulare, die korrekt beschriftet sind. Im Wesentlichen ist eine zugängliche Website für Suchmaschinen besser auffindbar, die Ihre Website dann schneller indizieren und höher einstufen können.
Nachdem dies aus dem Weg geräumt ist, lassen Sie uns Tipps durchgehen, die Ihnen helfen, Ihre Website zugänglicher zu machen.
So machen Sie Ihre WordPress-Website barrierefrei
WordPress tut bereits viel in Bezug auf Barrierefreiheit. Direkt einsatzbereit unterstützt es Navigationslinks, die es Besuchern ermöglichen, zur Hauptmenüleiste und Suchleiste sowie zum Hauptinhalt zu springen.
Das WordPress-Dashboard wurde seit der Einführung der WordPress-Barrierefreiheitsrichtlinien im März 2016 ebenfalls zugänglicher gemacht. Weitere Verbesserungen der Barrierefreiheit umfassen:
- Einführung oder verschiedene Tastenkombinationen, die das Bearbeiten und Formatieren von Inhalten erleichtern
- Zugänglichkeitsfähige Designs, die mit jeder WordPress-Installation geliefert werden.
- Verbesserungen am Theme Customizer und der Medienbibliothek
Der beste Weg, um Ihre WordPress-Website barrierefrei zu machen, ist die Verwendung eines barrierefreien Designs. Wenn Ihr Design jedoch nicht den Zugänglichkeitsrichtlinien entspricht, können Sie Maßnahmen ergreifen, um sicherzustellen, dass Ihre Website von jedem verwendet werden kann.
Installieren Sie ein Barrierefreiheits-Plug-in
Fangen wir einfach an und installieren das WP Accessibility Plugin. Dieses Plugin hat eine 5-Sterne-Bewertung und mehr als 20.000 aktive Installationen. Dieses Plugin fügt eine Reihe hilfreicher Zugänglichkeitsfunktionen hinzu, darunter:
- Die Möglichkeit, Links zu überspringen
- Fügt dem Tastaturfokusstatus einen Umriss hinzu
- Fügt eine Symbolleiste hinzu, mit der Sie zwischen kontrastreichen, großen und entsättigten Ansichten Ihres Themas umschalten können
- Fügt Bildern eine lange Beschreibung hinzu
- Entfernt tabindex von Elementen, die den Tastaturfokus verwenden können
- Entfernt redundante Titelattribute aus Seiten- und Kategorielisten
- Und mehr
Wenn Sie sicherstellen möchten, dass Sie nichts verpassen, wenn es darum geht, Ihre Website zugänglicher zu machen, ist dieses Plugin ein Muss und der einfachste Weg, um die Zugänglichkeit zu verbessern, ohne Ihr Design zu ändern.

Verbessern Sie den Farbkontrast
Eine weitere einfache Möglichkeit, Ihre WordPress-Website zugänglicher zu machen, besteht darin, kontrastreiche Farben auf Ihrer Website zu verwenden. Dies hilft Menschen mit Sehbehinderungen wie Farbenblindheit, Links, Schaltflächen und Menüpunkte auf Ihrer Website leicht zu erkennen und sie von anderen Bereichen Ihrer Website zu unterscheiden.
Sie sollten auch die Verwendung von hellgrauem Text auf weißem Hintergrund oder hellem Text auf hellem Hintergrund vermeiden, da dies Ihre Website weniger lesbar macht. Verwenden Sie stattdessen schwarzen Text auf weißem Hintergrund, gepaart mit kontrastierenden Farben für Schaltflächen.
Fügen Sie allen Bildern ALT-Tags hinzu
Sie wissen wahrscheinlich, dass das Hinzufügen von ALT-Text zu Bildern bei der Suchmaschinenoptimierung hilft. Aber ALT-Text hilft auch Besuchern, die sich auf Screenreader verlassen, zu verstehen, was Ihr Bild darstellt. Aus diesem Grund sollte der Alt-Text das betreffende Bild genau beschreiben.
Sie können ganz einfach Alt-Tags hinzufügen, wenn Sie Bilder in Ihre Medienbibliothek hochladen, aber wenn Sie dies bisher noch nicht getan haben, können Sie ein Plugin für SEO-optimierte Bilder verwenden, um SEO-freundliche „Alt“- und „Titel“-Attribute dynamisch in bestehende einzufügen Bilder auf Ihrer Website.
Verwenden Sie Überschriften, um Ihre Inhalte zu organisieren
Die richtige Verwendung von Überschriften hilft Ihnen, Ihre Inhalte zu organisieren und ihnen Struktur zu verleihen. Es hilft auch Screenreadern und Suchmaschinen, den Kontext jedes Abschnitts auf Ihrer Seite oder Ihrem Blogbeitrag besser zu verstehen.
Gestalten Sie Ihre Links und Menüs tastaturfreundlich
Ihre Links und Menüpunkte sollten tastaturfreundlich sein. Es gibt Menschen, die aufgrund ihrer Behinderung keine Maus verwenden können, was bedeutet, dass sie sich ausschließlich auf die Tastatur verlassen, um auf den Websites zu navigieren. Wenn Ihre Links und Menüs nicht tastaturfreundlich sind, können diese Benutzer Ihre Website nicht verwenden.
Formularfelder richtig beschriften
Ihre Formularfelder sollten Beschriftungen außerhalb des eigentlichen Felds haben, da einige Screenreader nicht auf den Text zugreifen können, wenn er sich innerhalb des Felds befindet.
Fügen Sie Transkripte und Untertitel hinzu
Wenn Sie sich auf die Verwendung von Video- und Audioinhalten verlassen, stellen Sie schließlich sicher, dass Sie Transkripte und Untertitel hinzufügen. Dies hilft Screenreadern, den Videoinhalt zu interpretieren, sowie Personen, die an Hörbehinderungen leiden oder Audio- und Videodateien nicht öffentlich abspielen können, um den Inhalt Ihrer Website zu genießen.
So testen Sie die Zugänglichkeit Ihrer Website
Sobald Sie diese Änderungen implementiert haben, können Sie die Barrierefreiheit Ihrer WordPress-Website testen. Auf der Website der Web Accessibility Initiative sind zahlreiche Tools für die Barrierefreiheit von Websites aufgeführt, mit denen Sie feststellen können, ob Ihre Inhalte den Richtlinien für Barrierefreiheit entsprechen.
Alternativ können Sie eine Chrome-Erweiterung namens WAVE Evaluation Tool verwenden. Einmal installiert, gibt Ihnen diese kleine Erweiterung visuelles Feedback über die Zugänglichkeit Ihrer Website.
Die Erweiterung fügt Symbole und Indikatoren in Ihre Seite ein, die auf Probleme mit der Barrierefreiheit hinweisen. Sie können dann daran arbeiten, diese Probleme zu lösen, indem Sie die Tipps in diesem Artikel umsetzen, zu einem barrierefreien Design wechseln oder das WP Accessibility-Plugin installieren.
Abschließende Gedanken
Sicherzustellen, dass Ihre Website barrierefrei ist, hat viele Vorteile. Es kann Ihren Website-Traffic erhöhen und Ihren Suchmaschinenrang verbessern, zusätzlich zu der Sicherstellung, dass Sie die Gesetze einhalten. Verwenden Sie die Tipps in diesem Artikel, um Ihre WordPress-Website zugänglicher zu machen.