So machen Sie Ihre WordPress-Website barrierefrei

Veröffentlicht: 2019-07-28

Website-Eigentümer legen oft zu viel Wert auf das Design der Benutzeroberfläche (UI)/User Experience (UX) oder die Suchmaschinenoptimierung (SEO), dass sie fast aus den Augen verlieren, den Benutzern erstklassigen Zugriff auf ihre Websites zu bieten. Hinter ihrer geistesabwesenden Beschäftigung mit anderen Dingen sollte die Barrierefreiheit der Website die wichtigste Überlegung sein, bevor sie sich an SEO wagen oder UX verfeinern.

Eine barrierefreie Website zieht die meisten Besucher an. Wenn Ihre Website einfach zu bedienen und benutzerfreundlich ist, wird dies sicherlich die Anzahl Ihrer Website-Besucher erhöhen.

Was ist WordPress Barrierefreiheit?

WordPress Barrierefreiheit ist eine Methode zum Erstellen Ihrer Website, die benutzerfreundlich ist, insbesondere für Internetnutzer mit Behinderungen, die hauptsächlich auf unterstützende Technologien angewiesen sind. Überwiegend handelt es sich um Menschen mit Hör-/Sehbehinderungen und ältere Menschen. Berücksichtigen Sie auch Benutzer mit langsamem oder eingeschränktem Zugriff auf das Internet und Benutzer mit Geräten mit kleinem Bildschirm.

Warum ist Barrierefreiheit wichtig?

Die Zugänglichkeit von Websites ist am wichtigsten, da mehr als die Hälfte der Bevölkerung heutzutage stark vom Internet abhängig ist. Außerdem sind 54 % der Menschen mit Behinderungen in den USA häufige Nutzer, daher kann es für sie sehr hilfreich sein, eine barrierefreie Website zu haben. Wenn Ihre Website nicht leicht zugänglich ist, kann dies zu rechtlichen Problemen führen.

Weitere Gründe, warum barrierefreie Websites wichtig sind:

1. Eine barrierefreie Website zu haben (allerdings mit einigen Ausnahmen) ist ein grundlegendes Menschenrecht

Das erste, was Sie bei der Erstellung einer WordPress-Website beachten müssen, ist, sie möglichst barrierefrei zu gestalten, da sie gemäß der UN-Behindertenrechtskonvention zu den grundlegenden Menschenrechten gehört.

2. Eine zugängliche Website wird häufiger von Benutzern besucht

Ein weiterer Vorteil einer barrierefreien Website ist, dass mehr Besucher auf Ihrer Website navigieren und darauf zugreifen können. Sobald dem Besucher die Zugänglichkeit Ihrer Seite gefällt, wird er sie anderen empfehlen, und das wird Ihnen mehr Besucher bringen und sie mit größerer Wahrscheinlichkeit in Kunden umwandeln.

3. Eine zugängliche Website kann ein höheres SEO-Ranking haben

Eine zugängliche Website ist für die Suchmaschine besser auffindbar, insbesondere wenn sie Links, Bilder und Formulare enthält, die korrekt gekennzeichnet sind. Es wird Ihnen zugute kommen, da es Ihre Platzierungen erhöht.

So machen Sie Ihre WordPress-Website barrierefrei

WordPress fördert die Erstellung benutzerfreundlicher Websites. Es unterstützt Navigationslinks, die es Benutzern ermöglichen, zur Hauptmenüleiste und Suchleiste zu springen oder direkt zum Hauptinhalt zu gehen. Wir haben die Gründe aufgelistet, warum WordPress der beste Website-Builder ist und wie einfach es ist, es zugänglich zu machen erstaunlich ng.

Mit der Veröffentlichung der WordPress-Barrierefreiheitsrichtlinien vom März 2016 wurde das WordPress-Dashboard zugänglicher, mit Verbesserungen wie:

  • Verschiedene Tastenkombinationen zum Bearbeiten und Formatieren von Inhalten
  • Zugänglichkeitsfähige Designs, die mit jeder Installation von WordPress verfügbar sind
  • Theme-Kundenverbesserungen sowie Verbesserungen der Medienbibliothek

Was ist also der beste Weg, um Ihre WordPress-Website zugänglich zu machen? Verwenden Sie ein barrierefreies Design .

Wenn Ihr aktuelles Design jedoch nicht den Zugänglichkeitsrichtlinien entspricht, gibt es Möglichkeiten, um sicherzustellen, dass Ihre Website für jedermann sehr benutzerfreundlich ist.

1. Installieren Sie ein Barrierefreiheits-Plugin

Das WP Accessibility Plugin hat eine Fünf-Sterne-Bewertung und wird von mehr als 20.000 Benutzern verwendet.

Zu den von diesem Plugin hinzugefügten Barrierefreiheitsfunktionen gehören:

  • Skip-Links aktivieren
  • Fügen Sie Skip-Links mit benutzerdefinierten Zielen hinzu
  • Fügen Sie Ihrem HTML-Attribut eine Sprache und Textrichtungsattribute hinzu
  • Fügen Sie dem Tastaturfokusstatus für fokussierbare Elemente eine Gliederung hinzu
  • Fügen Sie eine Symbolleiste hinzu, mit der Sie zwischen Ansichten mit hohem Kontrast, Großdruck und entsättigten (Graustufen) Ansichten Ihres Themas umschalten können
  • Fügen Sie einem Bild eine lange Beschreibung hinzu
  • Erzwingung von alt-Attributen auf Bildern

Es gibt auch Barrierefreiheitsprobleme, die vom WP Accessibility Plugin behoben werden, und dazu gehören:

  • Entfernen des Zielattributs von Links
  • Hinzufügen von Beschriftungen zu standardmäßigen WordPress-Formularfeldern, falls diese fehlen
  • Hinzufügen von Beitragstiteln zu einem standardmäßigen „Weiterlesen“-Link
  • Entfernen von Titelattributen von Bildern, die in den Inhalt eingefügt werden

Wenn Sie eine barrierefreie Website haben möchten, ist die Verwendung dieses Plugins ein Muss. Damit können Sie sicherstellen, dass Sie nichts überspringen, um Ihre Website für die Zuschauer zugänglich zu machen. Außerdem ist dieses Plugin das einfachste, da Sie Ihr Design nicht mehr ändern müssen.

2. Verbessern Sie die Farbkombinationen Ihrer Website

Eine weitere Sache, die Sie tun müssen, um Ihre Website barrierefrei zu machen, ist die Verbesserung des Farbkontrasts. Das Mischen der richtigen Farben auf Ihrer Seite hilft Zuschauern mit Sehbehinderungen, mehr vom Inhalt zu sehen.

Stellen Sie sicher, dass Sie die Verwendung hellgrauer Texte und heller Texte auf helle Hintergründe minimieren, da dies weniger sichtbar wird. Versuchen Sie stattdessen, dunkle Texte auf hellem Hintergrund zu verwenden.

3. Fügen Sie allen Ihren Bildern ALT-Tags hinzu

Das Hinzufügen von Alt-Text zu Ihren Bildern hilft Ihnen, Ihre SEO zu verbessern. Abgesehen davon hilft das Hinzufügen von Alt-Text neben Bildern den Betrachtern, die Schwierigkeiten bei der Analyse des Bildes haben, sich auf die Beschreibung zu verlassen.

Beim Hochladen aus der Medienbibliothek können Sie ganz einfach Alt-Text hinzufügen. Sie können auch das Plug-in für SEO-optimierte Bilder verwenden, um SEO-freundliche Alt- und Titelattribute in die Bilder einzufügen, die Sie auf Ihre Website hochladen möchten. Oder Sie könnten verwenden th ist eine Liste alternativer Plugins für optimierte Bilder und Inhalte .

4. Verwenden Sie Überschriften, um Ihre Inhalte zu systematisieren

Das Hinzufügen von Überschriften auf Ihrer Website ist der beste Weg, den Inhalt Ihrer Website systematisch zu organisieren. Es wird Ihren Zuschauern helfen, die Reihenfolge der Inhalte auf Ihrer WordPress-Website besser zu verstehen.

5. Gestalten Sie Ihre Links und Menüs tastaturfreundlich

Einige Website-Betrachter verlassen sich auf die Verwendung ihrer Tastatur, um auf einer Website zu navigieren. Stellen Sie bei der Entwicklung Ihrer Website sicher, dass Ihre Menüpunkte tastaturfreundlich sind, um Zuschauern mit Behinderungen bei der Verwendung der Maus für den Zugriff auf Ihre Website zu helfen.

6. Beschriften Sie Ihre Formularfelder entsprechend

Stellen Sie sicher, dass Ihr Formularfeld korrekt außerhalb der eigentlichen Felder platziert ist. Einige Benutzer können nicht auf die Texte zugreifen, wenn sich das Formularfeld im Hauptinhalt befindet.

7. Fügen Sie Ihren Videos und Podcasts Transkripte und Untertitel hinzu

Wenn Sie Ihrer Website Videos und Podcasts hinzufügen möchten, ist das Hochladen von Transkripten ein Muss. Dadurch können Zuschauer mit Hörbehinderung den Videoinhalt interpretieren, indem sie die von Ihnen hinzugefügten Transkripte lesen.

So testen Sie die Zugänglichkeit Ihrer Website

Sie sind also mit den Schritten fertig, die ich erwähnt habe. Als nächstes müssen Sie testen, ob es sich wirklich um eine benutzerfreundliche Website handelt.

Da es viele Tools gibt, mit denen Sie überprüfen können, ob Ihre Website bereits die Zugänglichkeitsstandards erfüllt, können Sie auch die Google Chrome-Erweiterung namens WAVE Evaluation Tool verwenden.

Das WAVE-Tool hilft Ihnen bei der Bestimmung, welche Elemente überarbeitet werden müssen. Indem das Tool Symbole in Ihre Seite einfügt, weist das Tool auf die Inhalte hin, die verbessert werden sollten, um eine barrierefreie Standard-WordPress-Website zu erreichen.

Eine zugängliche WordPress-Website bietet eine Fülle von Vorteilen. Erstens kann es Ihnen helfen, Ihren Website-Traffic zu steigern und Ihre Rankings zu verbessern. Zweitens können Sie Zuschauer mit Behinderungen ermutigen, Ihre Seite ohne Probleme zu lesen.