Wenn Sie eine WordPress-Website starten, sollten Sie sich bewusst sein, dass Besucher aller Art aufhören werden.
Noch wichtiger ist, dass nicht alle Besucher Ihrer Website die einfachen Dinge tun können, die manche für selbstverständlich halten, z. B. eine Maus bewegen, das Farbschema Ihrer Website anzeigen oder Videoinhalte anhören. Wenn Sie sich also in Ihrer Branche einen guten Ruf erarbeiten, Conversions vorantreiben und einfach das Richtige tun möchten, müssen Sie sich auf die Barrierefreiheit von WordPress konzentrieren.
Deshalb skizzieren wir heute die einfachsten Wege dazu Machen Sie Ihre WordPress-Website zugänglicher, damit die Leute Ihre Site leicht erkunden können.
Dann fangen wir an.
Was ist die Barrierefreiheit von WordPress?
WordPress-Barrierefreiheit bedeutet, Ihre Website und Inhalte verfügbar zu machen, auch für Menschen mit Behinderungen.
Denk darüber nach. Laut dem National Service Inclusion Project leben allein in den USA 48,9 Millionen Menschen mit einer Behinderung. Verbreiten Sie das auf der ganzen Welt, und es besteht die Möglichkeit, dass ein erheblicher Teil Ihrer Website-Besucher an einer Behinderung leidet, die sich auf ihre Fähigkeit auswirkt, Ihre Website nach Ihren Wünschen zu erkunden.
Die Web Accessibility Initiative besagt, dass die Verbesserung des Zugriffs auf Ihre Website den folgenden Personengruppen hilft:
- Die Ältesten
- 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 Situationsbeschränkungen, z. B. Personen, die in einem hellen Bereich oder in einer Umgebung, in der sie kein Standortaudio hören können, auf Ihre Site zugreifen
- 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 dem kleinen Brunnen und den flackernden Lichtern gibt es viele Website-Besucher, die Schwierigkeiten haben, den Inhalt zu lesen, auf der Website zu navigieren oder sich länger als ein paar Sekunden auf etwas Wichtiges konzentrieren zu können.
Die Zugänglichkeit der Website ist viel wichtiger, als viele zugeben möchten.
Aber warum sollten Sie sich für die Barrierefreiheit von WordPress interessieren?
Vielleicht denken Sie, dass Ihre WordPress-Website überhaupt nicht wie Blinkee.com ist. Und obwohl das eine gute Sache ist, sind Sie immer noch nicht klar.
Hier sind einige der zwingendsten Gründe, sich über die Zugänglichkeit der Website Sorgen zu machen:
- Menschen mit Behinderungen gehen dreimal seltener online als Menschen ohne Behinderung, was bedeutet, dass sie keine großen Möglichkeiten verpassen, einen großen Teil der potenziellen Kunden zu konvertieren.
- Google und andere große Suchmaschinen belohnen Websites, auf die zugegriffen werden kann, indem sie in Suchrankings höher eingestuft werden
- Seit der ersten Nachverfolgung dieser Art von Fällen im Jahr 2015 wurden Tausende Fälle von Barrierefreiheit im Internet eingereicht. Dies bedeutet, dass für Ihre Website möglicherweise das Risiko einer Klage besteht
Wie Sie sehen, können Sie unabhängig von der Art Ihrer Website viel verlieren, indem Sie einen Teil Ihrer Zielgruppe entfremden.
Tipps, um Ihre Website zugänglicher zu machen
1. Testen Sie die Zugänglichkeit Ihrer WordPress-Site
Bevor Sie Änderungen an Ihrer Website vornehmen, um sie zugänglicher zu machen, sollten Sie zunächst prüfen, wie zugänglich sie derzeit ist.
Dies ist mit einem Tool wie dem Web Accessibility Assessment Tool (WAVE) problemlos möglich. Damit können Sie die Zugänglichkeit Ihrer Website bewerten, indem Sie einfach die URL Ihrer Website eingeben.
Nach der Auswertung zeigt WAVE verschiedene farbcodierte Symbole an, die Abschnitte Ihrer Website darstellen, die in Ordnung sind, verbessert werden müssen oder tatsächliche Fehler sind. Durch Klicken auf ein Symbol erhalten Sie eine detaillierte Beschreibung der Korrekturen.
2. Wählen Sie die Farbschemata sorgfältig aus
Eine der besten Möglichkeiten, Ihre Website zu brandmarken und sich von der Konkurrenz abzuheben, ist die Verwendung eines bestimmten Farbschemas. Wenn Website-Besucher, die auf Ihre Website zugreifen, farbenblind sind oder eine eingeschränkte Sicht haben, können sie die Farben Ihrer Website nicht so gut genießen, wie sie sollten.
Nehmen Sie zum Beispiel dieses einfache Beispiel für Farbkontrast:
Es ist ziemlich schwierig, den im ersten Bild geschriebenen Text zu sehen, oder? Möglicherweise haben Sie nicht einmal eine Behinderung, die sich auf die Art und Weise auswirkt, wie Sie dieses Bild anzeigen.
Stellen Sie sich vor, Sie gehören zu den 300 Millionen Menschen auf der Welt, die an Farbenblindheit leiden. Oder Sie gehören zu den 2,2 Milliarden Menschen weltweit, die sehbehindert oder blind sind.
Neben der Betrachtung der kontrastierenden Farbschemata ist es auch wichtig, widersprüchliche Farbschemata zu vermeiden, wie dies bei diesem Albumcover der Fall ist. Nur weil der Kontrast nicht so ist, heißt das nicht, dass sich die Farben gut kombinieren lassen.
Schauen Sie sich dieses kostenlose Online-Tool namens Contrast Checker an, um die Farben Ihrer WordPress-Site auszugleichen.
Wählen Sie einfach eine Vordergrund- und Hintergrundfarbe und lassen Sie das Werkzeug bestimmen, ob die Farben richtig ausgewogen sind oder nicht. Wenn nicht, informiert Sie das Tool:
3. Verwenden Sie ein WordPress-Plugin für Barrierefreiheit
Wenn Sie es sich einfacher machen möchten, können Sie jederzeit ein spezielles WordPress-Plugin für Barrierefreiheit verwenden, um Ihre Website zu bewerten und sicherzustellen, dass sie für alle zugänglich ist.
Eines dieser Plugins ist WP Accessibility. Mit diesem Plugin können Sie häufig auftretende Probleme mit der Barrierefreiheit in WordPress-Designs identifizieren und beheben, um die Benutzerfreundlichkeit Ihrer Website zu verbessern.
Einige seiner Funktionen umfassen:
- Entfernen des Zielattributs aus Links
- Eliminierung der Attribute des Titels der in den Inhalt eingefügten Bilder.
- Hinzufügen von Publikationstiteln zu Standardlinks "Lesen Sie mehr"
- Hinzufügen von Tags zu Standard-WordPress-Formularfeldern, falls diese fehlen
- Entfernen von Tabindex aus Elementen, die fokussierbar sind
- Zeigen Sie einen Farbkontrast zwischen zwei hexadezimalen Codewerten an
- Und vieles mehr
Darüber hinaus fügt WP Accessibility eine Symbolleiste hinzu, mit der Sie zwischen kontrastreichen, großen Druck- und Graustufenansichten Ihres Themas wechseln, allen Bildern Alternativattribute hinzufügen und Ihren HTML-Attributen sogar Text- und Textrichtungsattribute hinzufügen können.
4. Verwenden Sie ein bereites und zugängliches Thema
Wenn Sie vermeiden möchten, dass Probleme mit der Barrierefreiheit von Grund auf behoben werden müssen, sollten Sie ein barrierefreies WordPress-Design verwenden.
Natürlich ist dies manchmal leichter gesagt als getan. Wenn Sie jedoch das offizielle WordPress-Repository durchsuchen, werden Sie möglicherweise auf einige coole Themes () stoßen, die barrierefreies Design verwenden. Alles was Sie tun müssen, ist die zu verwenden Funktionsfilter und suchen Sie nach Themen, die als zugänglich markiert sind.
Keine Sorge. Zuverlässige Themenmärkte wie ThemeForest verfügen über einen ähnlichen Funktionsfilter, mit dem Sie sicherstellen können, dass auf Ihr WordPress-Thema zugegriffen werden kann.
Wenn Sie ein barrierefreies Thema für Ihre WordPress-Website auswählen, ist Ihre Website für alle Benutzer in Bezug auf Navigation, Linkdesign, Farbschemata und mehr bereit.
5. Fügen Sie allen Bildern alternativen Text hinzu
Das Hinzufügen von Alternativtext zu Ihren Site-Bildern dient nicht nur zur Erhöhung des Suchrankings. Natürlich bietet Alternativtext in Bildern Suchmaschinen-Crawlern ein besseres Verständnis Ihrer Website und hilft Ihnen, in den relevantesten Suchergebnissen zu ranken.
Das Hinzufügen von Alternativtext zu Ihren Bildern hilft Menschen mit Behinderungen jedoch auch dabei, eine bessere Benutzererfahrung auf Ihrer Website zu erzielen. Mit dem Alternativtext, den Sie Ihren Bildern hinzufügen, können Menschen mit Behinderungen ihre Bilder mithilfe eines Bildschirmlesegeräts "lesen", um im Internet zu navigieren.
Fügen Sie also allen Bildern auf Ihrer WordPress-Site Alternativtext hinzu. Stellen Sie sicher, dass sie beschreibend sind und Schlüsselwörter enthalten, damit ein Bildschirmleser Benutzer auf sinnvolle Weise lesen kann.
6. Machen Sie Ihre Site-Tastatur kompatibel
Eine weitere großartige Möglichkeit, Menschen mit Behinderungen zu helfen und Ihre WordPress-Site zugänglicher zu machen, besteht darin, Ihre Site tastaturkompatibel zu machen. Mit anderen Worten, Ihre Website-Besucher sollten in der Lage sein, die folgenden Website-Elemente durchzugehen:
- Menüpunkte
- Links
- Knöpfe
- Formularfelder
Sie sind sich nicht sicher, ob Ihre Site derzeit Tastatur unterstützt? Um dies zu überprüfen, müssen Sie lediglich die Website besuchen und prüfen, ob Sie ohne Maus navigieren können. Klicken Sie stattdessen auf Zunge Knopf und sehen, was passiert.
WordPress.org leistet hervorragende Arbeit, um Ihre Website für alle Benutzer zugänglich zu machen. Wenn Sie die Site durchsuchen, sehen Sie eine gepunktete Linie um jeden Menüpunkt, zu dem Sie auf der Registerkarte wechseln.
7. Formatieren Sie die Formularfelder korrekt
Es ist verlockend, Formularfeldbezeichnungen in Feldfelder einzufügen, damit Ihre Site übersichtlicher und sauberer aussieht. Einige Screenreader können diese Etikettentypen jedoch nicht identifizieren und lesen. Dies macht es für diejenigen, die Screenreadern vertrauen, schwierig, wenn nicht unmöglich, die Formularfelder auf ihrer Site anzuzeigen und auszufüllen. Dies bedeutet auch einen Verlust an Conversions, der Ihren Erfolg zerstören kann.
Wenn Sie sich stark auf Besucherprotokolle der Website verlassen, um Geld zu verdienen oder Ihre Follower zu erhöhen, erhöhen sich die Chancen, einige Ihrer Zielgruppen zu entfremden, wenn Sie Ihre Formularfelder nicht zugänglich machen. Um dies zu beheben, platzieren Sie Formularfeldbezeichnungen außerhalb jedes Felds.
8. Beachten Sie den Linkstil
Obwohl die Farben, die Sie den Hyperlinks Ihrer Website zuweisen, häufig für Branding-Zwecke ausgewählt werden, sollten Sie berücksichtigen, dass Menschen mit Behinderungen bei Hyperlinks einen klaren Kontrast benötigen.
Hier ist eine Liste einiger hilfreicher Tipps, um den Zugriff auf Ihre WordPress-Site-Links zu erleichtern:
- Vermeiden Sie die Verwendung des Wortes "Link (s)" in Ihren Links, da Bildschirmleser den Benutzern mitteilen, wohin der Link führt
- Profitieren Sie nicht von Links, da dies Bildschirmleser verwirrt, die manchmal Großbuchstaben Buchstabe für Buchstabe lesen
- Vermeiden Sie die Verwendung von URLs im Linktext, da Bildschirmleser diese Buchstaben für Buchstaben lesen, was es für Benutzer schwierig macht, ihnen zu folgen
- Verknüpfen Sie nicht ganze Inhaltsblöcke. mach es kurz und süß
- Benachrichtigen Sie den Benutzer, wenn ein Link in einem neuen Fenster geöffnet wird, damit er nicht verloren geht
- Seien Sie vorsichtig, wenn Sie zu viele Ankerlinks verwenden (Menschen mit Behinderungen bemerken möglicherweise nicht, dass sie sich nur auf der Seite bewegen, die sie bereits gescannt haben).
- Unterstreichen Sie verknüpften Text und verwenden Sie eine schöne, separate Farbe für den Kontrast
- Überprüfen Sie regelmäßig, ob Links beschädigt oder leer sind
Ende
Am Ende ist die Barrierefreiheit von WordPress wichtiger denn je. Heutzutage nutzen die Leute das Internet für alles. Von der Bezahlung von Rechnungen über das Kennenlernen und Planen von Terminen bis hin zum Online-Einkauf kann fast jeder Aspekt des Lebens von Menschen auf die eine oder andere Weise online behandelt werden.
Um sicherzustellen, dass Sie einen Teil Ihrer Zielgruppe nicht loslassen, den Traffic Ihrer Website maximieren und es Menschen aus allen Lebensbereichen erleichtern, das Angebot zu erkunden, sehen Sie, wie zugänglich Ihre Website ist. ist. Wenn es nicht auf dem neuesten Stand ist, nehmen Sie einige schnelle und einfache Änderungen vor. Dies hilft Ihnen nicht nur dabei, Ihre Follower oder Ihren Kundenstamm zu vergrößern, sondern ist auch das Richtige.
