So machen Sie Ihre WordPress-Website barrierefreier

Wenn es darum geht, eine WordPress-Website zu starten, müssen Sie bedenken, dass Besucher aller Art vorbeischauen werden.

Noch wichtiger ist, dass nicht alle Ihre Website-Besucher in der Lage sein werden, die einfachen Dinge zu tun, die manche für selbstverständlich halten, wie z. B. eine Maus bewegen, das Farbschema Ihrer Website sehen oder Videoinhalte hören. Wenn Sie sich also einen soliden Ruf in Ihrer Branche aufbauen, die Conversions steigern und einfach das Richtige tun möchten, müssen Sie sich auf die Zugänglichkeit von WordPress konzentrieren.

Aus diesem Grund skizzieren wir heute die einfachsten Möglichkeiten , Ihre WordPress-Website barrierefreier zu machen , damit die Leute Ihre Website problemlos erkunden können – egal was passiert .

Also lasst uns anfangen.

Was ist WordPress-Barrierefreiheit?

Barrierefreiheit bei WordPress bedeutet, dass Sie Ihre Website und ihre Inhalte allen Benutzern zur Verfügung stellen, einschließlich denen mit Behinderungen.

Sie sind sich nicht sicher, ob dies auf Ihre Zielgruppe zutrifft?

Denk darüber nach. Laut dem National Service Inclusion Project gibt es allein in den Vereinigten Staaten 48,9 Millionen Menschen mit einer Behinderung. Weiten Sie dies weltweit aus, und es besteht die Möglichkeit, dass ein erheblicher Teil der Besucher Ihrer Website irgendeine Art von Beeinträchtigung hat, die ihre Fähigkeit beeinträchtigt, Ihre Website so zu erkunden, wie Sie es beabsichtigt haben.

Die Web Accessibility Initiative besagt, dass die Barrierefreiheit Ihrer Website den folgenden Personengruppen helfen wird:

• Die Älteren
• Menschen mit vorübergehenden Behinderungen, einschließlich verlorener Brille oder gebrochener Gliedmaßen
• Menschen mit Seh- oder Hörbehinderungen
• Menschen mit langsamen Internetverbindungen
• Personen mit situativen Einschränkungen, z. B. diejenigen, die in einem hellen Bereich oder in einer Umgebung auf Ihre Website zugreifen, in der sie das Audio der Website nicht hören können
• Menschen mit kognitiven Problemen wie Legasthenie, die die Fähigkeit einer Person beeinträchtigen, geschriebene Inhalte zu lesen

Bevor wir fortfahren, nehmen wir zum Beispiel Blinkee.com:

Zwischen der winzigen Schrift und den blinkenden Lichtern gibt es viele Website-Besucher, die Schwierigkeiten haben werden, den Inhalt zu lesen, auf der Website zu navigieren oder sich länger als ein paar Sekunden auf etwas Wichtiges zu konzentrieren.

Sehen Sie, was wir meinen? Die Zugänglichkeit von Websites ist viel wichtiger, als viele zugeben wollen.

Aber warum sollten Sie sich um die Zugänglichkeit von WordPress kümmern?

Sie denken vielleicht, dass Ihre WordPress-Website nicht so aussieht wie Blinkee.com. Und obwohl das eine gute Sache ist, sind Sie noch nicht im Klaren.

Hier sind einige der überzeugendsten Gründe, sich um die Zugänglichkeit von Websites zu kümmern:

• Menschen mit Behinderungen gehen mit dreimal geringerer Wahrscheinlichkeit online als Menschen ohne, was bedeutet, dass Sie enorme Chancen verpassen, einen großen Teil potenzieller Kunden zu konvertieren
• Google und andere große Suchmaschinen belohnen Websites, die zugänglich sind, indem sie in den Suchrankings höher eingestuft werden
• Seit der ersten Verfolgung dieser Art von Fällen im Jahr 2015 wurden Tausende von Fällen zur Barrierefreiheit im Internet eingereicht, was bedeutet, dass Ihre Website einem Gerichtsverfahren ausgesetzt sein könnte

Wie Sie sehen, können Sie, egal welche Art von Website Sie haben, viel verlieren, wenn Sie einen Teil Ihrer Zielgruppe verprellen.

Tipps, um Ihre Website zugänglicher zu machen

1. Testen Sie die Barrierefreiheit Ihrer WordPress-Seite

Bevor Sie Änderungen an Ihrer Website vornehmen, um sie barrierefreier zu machen, sollten Sie am besten prüfen, wie barrierefrei sie derzeit ist.

Dies lässt sich leicht mit einem Tool wie dem Web Accessibility Evaluation Tool (WAVE) bewerkstelligen. Damit können Sie die Zugänglichkeit Ihrer Website bewerten, indem Sie einfach die URL Ihrer Website eingeben.

Nach der Bewertung zeigt WAVE verschiedene, farbcodierte Symbole an, die Abschnitte Ihrer Website darstellen, die in Ordnung sind, verbessert werden müssen oder tatsächliche Fehler sind. Wenn Sie auf ein Symbol klicken, erhalten Sie Zugriff auf eine detaillierte Beschreibung dessen, was behoben werden muss.

2. Wählen Sie Farbschemata sorgfältig aus

Eine der besten Möglichkeiten, Ihre Website mit einem Branding zu versehen und sich von der Konkurrenz abzuheben, ist die Verwendung eines bestimmten Farbschemas. Aber wenn Website-Besucher, die auf Ihrer Website landen, farbenblind sind oder ein eingeschränktes Sehvermögen haben, können sie die Farben Ihrer Website nicht so gut genießen, wie sie sollten.

Nehmen Sie zum Beispiel dieses einfache Farbkontrastbeispiel:

Es ist ziemlich schwierig, den geschriebenen Text im ersten Bild zu sehen, oder? Und vielleicht haben Sie nicht einmal eine Behinderung, die die Art und Weise beeinflusst, wie Sie dieses Bild sehen.

Stellen Sie sich nun vor, Sie wären einer von 300 Millionen Menschen auf der Welt, die an Farbenblindheit leiden.

Neben der Beobachtung Ihrer kontrastierenden Farbschemata ist es auch wichtig, widersprüchliche Farbschemata zu vermeiden. Nur weil der Kontrast nicht schlecht ist, heißt das nicht, dass die Farben gut zusammenpassen.

Sehen Sie sich dieses kostenlose Online-Tool namens Contrast Checker an, um die Farben Ihrer WordPress-Site auszugleichen.

Wählen Sie einfach eine Vorder- und Hintergrundfarbe und lassen Sie das Tool bestimmen, ob die Farben richtig ausbalanciert sind oder nicht. Wenn dies nicht der Fall ist, teilt Ihnen das Tool Folgendes mit:

3. Verwenden Sie ein WordPress-Zugänglichkeits-Plugin

Wenn Sie es sich wirklich leicht machen möchten, können Sie jederzeit ein spezielles WordPress-Zugänglichkeits-Plugin verwenden, um Ihre Website zu bewerten und sicherzustellen, dass sie für alle Menschen zugänglich ist.

Ein solches Plugin ist WP Accessibility. Dieses Plugin hilft Ihnen, häufige Zugänglichkeitsprobleme in WordPress-Designs zu identifizieren und zu beheben, um die Benutzerfreundlichkeit Ihrer Website zu verbessern.

Einige seiner Funktionen umfassen:

• Entfernen des Zielattributs von Links
• Entfernen von Titelattributen von Bildern, die in Inhalte eingefügt werden
• Hinzufügen von Beitragstiteln zu standardmäßigen „Weiterlesen“-Links
• Hinzufügen von Beschriftungen zu Standard-WordPress-Formularfeldern, falls fehlen
• Tabindex von fokussierbaren Elementen entfernt
• Anzeigen eines Farbkontrasts zwischen zwei Hex-Code-Werten
• Und vieles mehr

Darüber hinaus fügt WP Accessibility eine Symbolleiste zum Umschalten zwischen Hochkontrast-, Großdruck- und Graustufenansichten Ihres Designs hinzu, erzwingt Alt-Attribute für alle Bilder und fügt sogar Sprach- und Textrichtungsattribute zu Ihren HTML-Attributen hinzu.

Alternativ können Sie sich auch für eine dedizierte Barrierefreiheitsplattform wie accessiBe entscheiden. Das Tolle an dieser Art von Plattform ist, dass sie außerhalb von WordPress funktioniert.

4. Verwenden Sie ein barrierefreies Design

Wenn Sie vermeiden möchten, Barrierefreiheitsprobleme von Anfang an beheben zu müssen, sollten Sie ein barrierefreies WordPress-Theme verwenden.

Das ist natürlich manchmal leichter gesagt als getan. Wenn Sie jedoch das offizielle WordPress-Repository durchsuchen, können Sie einige großartige ( und kostenlose! ) Themen finden, die barrierefreies Design verwenden. Alles, was Sie tun müssen, ist, den Funktionsfilter zu verwenden und nach Themen zu suchen, die als barrierefrei gekennzeichnet sind.

Unsere Empfehlung ist jedoch Kadence. Dieses Thema hat eine kostenlose Version, aber eine Premium-Version ist auch mit zusätzlichen Funktionen verfügbar.

Wenn Sie ein barrierefreies Design für Ihre WordPress-Website auswählen, ist Ihre Website in Bezug auf Navigation, Link-Design, Farbschemata und mehr für alle Benutzer bereit.

5. Fügen Sie allen Bildern Alt-Text hinzu

Das Hinzufügen von Alt-Text zu den Bildern Ihrer Website dient nicht nur der Verbesserung des Suchrankings. Natürlich geben Alt-Texte auf Bildern Suchmaschinen-Crawlern ein besseres Verständnis Ihrer Website und helfen Ihnen, in den relevantesten Suchergebnissen zu ranken.

Aber das Hinzufügen von Alt-Text zu Ihren Bildern wird auch Menschen mit Behinderungen helfen, eine bessere Benutzererfahrung auf Ihrer Website zu haben. Tatsächlich ermöglicht der Alt-Text, den Sie Ihren Bildern hinzufügen, Menschen mit Behinderungen, Ihre Bilder zu „lesen“, wenn sie einen Bildschirmleser verwenden, um ihnen beim Surfen im Internet zu helfen.

Fügen Sie also Alt-Text zu allen Bildern Ihrer WordPress-Site hinzu. Stellen Sie außerdem sicher, dass sie aussagekräftig sind und Schlüsselwörter enthalten, damit ein Screenreader den Benutzern sinnvoll vorlesen kann.

6. Gestalten Sie Ihre Website tastaturfreundlich

Eine weitere großartige Möglichkeit, Menschen mit Behinderungen gerecht zu werden und Ihre WordPress-Site zugänglicher zu machen, besteht darin, Ihre Website tastaturfreundlich zu gestalten. Mit anderen Worten, Ihre Website-Besucher sollten in der Lage sein, durch die folgenden Website-Elemente zu navigieren:

• Menüpunkte
• Verknüpfungen
• Tasten
• Formularfelder

Sie sind sich nicht sicher, ob Ihre Website derzeit tastaturfreundlich ist? Um dies zu überprüfen, müssen Sie lediglich Ihre Website besuchen und prüfen, ob Sie ohne Maus darauf navigieren können. Klicken Sie stattdessen auf die Tab- Schaltfläche und sehen Sie, was passiert.

WordPress.org leistet großartige Arbeit, um seine Website für alle Benutzer zugänglich zu machen. Wenn Sie durch die Site navigieren, sehen Sie tatsächlich eine gepunktete Linie um jeden Menüpunkt, zu dem Sie navigieren.

7. Formularfelder richtig formatieren

Es ist verlockend, Formularfeldbeschriftungen in den Feldfeldern zu platzieren, damit Ihre Website organisierter und sauberer aussieht. Einige Bildschirmleseprogramme können diese Beschriftungstypen jedoch nicht erkennen und lesen. Dies macht es für diejenigen, die sich auf Screenreader verlassen, schwierig, wenn nicht sogar unmöglich, die Formularfelder Ihrer Website anzuzeigen und auszufüllen. Dies bedeutet auch einen Verlust an Conversions, der Ihren Erfolg verheeren kann.

Wenn Sie sich stark auf die Registrierung von Website-Besuchern verlassen, um Geld zu verdienen oder Ihre Fangemeinde zu vergrößern, erhöht das Nicht-Zugänglichmachen Ihrer Formularfelder Ihre Chancen, einen Teil Ihrer Zielgruppe zu entfremden. Um dies zu beheben, platzieren Sie Formularfeldbeschriftungen außerhalb jeder Box.

8. Achten Sie auf das Link-Styling

Obwohl die Farben, die Sie den Hyperlinks Ihrer Website zuweisen, oft zu Branding-Zwecken gewählt werden, denken Sie daran, dass Menschen mit Behinderungen einen klaren Kontrast benötigen, wenn es um Hyperlinks geht.

Hier ist eine Liste mit einigen hilfreichen Tipps, wie Sie die Links Ihrer WordPress-Site zugänglicher machen können:

• Vermeiden Sie die Verwendung des Wortes „Link(s)“ in Ihren Links, da Screenreader den Benutzern mitteilen, wohin der Link führt
• Schreiben Sie Links nicht groß, da dies Bildschirmleser verwirrt, die manchmal großgeschriebenen Text Buchstabe für Buchstabe lesen
• Vermeiden Sie die Verwendung von URLs im Linktext, da Screenreader ihn Buchstabe für Buchstabe lesen, was es für Benutzer schwierig macht, ihm zu folgen
• Verlinken Sie nicht ganze Inhaltsblöcke; mach es kurz und bündig
• Benachrichtigen Sie den Benutzer, wenn ein Link in einem neuen Fenster geöffnet wird, damit er nicht verloren geht
• Seien Sie vorsichtig, wenn Sie viele Ankerlinks verwenden (Personen mit Behinderungen ist möglicherweise nicht bewusst, dass sie sich nur auf der bereits gescannten Seite nach oben und unten bewegen).
• Unterstreichen Sie verlinkten Text und verwenden Sie eine separate, ansprechende Kontrastfarbe
• Suchen Sie routinemäßig nach defekten oder leeren Links

Einpacken

Letztendlich ist die Zugänglichkeit von WordPress wichtiger denn je. Heutzutage nutzen die Menschen das Internet für alles. Vom Bezahlen der Rechnungen über Kontakte knüpfen und Terminvereinbarungen bis hin zum Online-Shopping kann fast jeder Aspekt des Lebens der Menschen auf die eine oder andere Weise online abgewickelt werden.

Um sicherzustellen, dass Sie keinen Teil Ihrer Zielgruppe auslassen, dass Sie den Traffic Ihrer Website maximieren und es Menschen aller Gesellschaftsschichten leicht machen, Ihr Angebot zu erkunden, sehen Sie sich an, wie zugänglich ist Ihre Website. Wenn es nicht den Anforderungen entspricht, nehmen Sie einige einfache und schnelle Änderungen vor. Es wird Ihnen nicht nur helfen, Ihre Gefolgschaft oder Ihren Kundenstamm zu vergrößern, es ist auch das Richtige.

Offenlegung: Dieser Beitrag enthält Affiliate-Links. Dies bedeutet, dass wir möglicherweise eine kleine Provision erhalten, wenn Sie einen Kauf tätigen.