10 Möglichkeiten, die Zugänglichkeit Ihrer WordPress-Site zu verbessern

Die Zugänglichkeit der Website stellt sicher, dass Ihre Website für alle einfach zu verwenden ist, unabhängig von ihren körperlichen und situativen Behinderungen oder wirtschaftlichen Einschränkungen. Sie möchten sicherstellen, dass die Erfahrung auf Ihrer Website für alle Benutzer reibungslos ist, unabhängig von den Umständen.

Wenn dieser Aspekt Ihrer Website nicht behoben ist, besteht eine gute Chance, dass Sie eine große Anzahl Ihrer Zielmärkte einschränken, nur weil sie nicht auf wichtige Funktionen Ihrer Online-Seite zugreifen können.

Während man vielleicht hauptsächlich an Menschen mit Behinderungen denkt, ist dies natürlich ein guter Anfang; Probleme mit der Barrierefreiheit von Websites können vorübergehende Umstände betreffen, wie zum Beispiel:

• Benutzer, die über ihre Mobiltelefone oder andere Geräte mit kleinem Bildschirm auf Ihre Website zugreifen müssen, indem sie intelligente Fernseher (TVs) und dergleichen verwenden;
• Ältere Website-Besucher mit altersbedingt unterschiedlichen und wechselnden Herausforderungen;
• Benutzer, die in einem schlecht beleuchteten Bereich auf Ihre Website zugreifen; und
• Benutzer, die langsame Internetverbindungen verwenden oder deren Bandbreite aufgrund ihres Landes oder Ortes teuer ist.

Wenn Sie die breite und unterschiedliche Landschaft der Herausforderungen kennen, die Sie bewältigen müssen, können Sie Lösungen entwickeln, die funktionieren können. Im Folgenden finden Sie wichtige Möglichkeiten, um die Zugänglichkeit Ihrer Website zu verbessern

1. Machen Sie Ihre Inhalte per Sprache steuerbar

Spracherkennung ist eine Funktion, die in eine Website integriert werden kann, um Ihre Inhalte per Sprache zu steuern. Dazu gehören Formulare, Schaltflächen, Links und andere Steuerelemente. Sie können Diktiersoftware integrieren, mit der Benutzer, die weder Maus noch Tastatur verwenden können, Funktionen auf Ihrer Website per Sprache ausführen können.

Alle Ihre Inhalte müssen richtig codiert und gestaltet sein, damit dies funktioniert. Darüber hinaus benötigen Sie Kennungen und Labels im Quellcode der Website, die mit ihrer visuellen Darstellung übereinstimmen, um deutlich zu machen, welches Steuerelement per Sprachbefehl aktiviert wird.

2. Achten Sie auf Ihre Farbauswahl

Millionen von Menschen auf der ganzen Welt sind farbenblind, daher sollten die Farben, die Sie verwenden, diese Realität berücksichtigen.

Außerdem sollten Sie bei der Auswahl der Farbverhältnisse und des Kontrasts Ihrer Website vorsichtig sein. Die Farbkontrastoptionen sollten hoch sein, z. B. schwarzer Text auf weißem Hintergrund, damit Benutzer Ihre Inhalte auch mit bestimmten visuellen Einschränkungen leicht lesen können.

3. Stellen Sie sicher, dass Ihre Links unterstrichen sind

Viele Leute haben in letzter Zeit auf die Regel „Links unterstreichen“ verzichtet, weil der Text, der nicht unterstrichen ist, ästhetischer wirkt als der, der unterstrichen ist. Das mag stimmen, aber die Hauptaufgabe Ihrer Website ist die Funktionalität. Das bedeutet in allen Dingen; Sie sollten die Funktionalität priorisieren.

Das Entfernen der Unterstreichung erschwert es Ihren Benutzern, mit Hyperlinks versehene Teile Ihres Zählers zu erkennen. Wenn Sie Ihren Inhalt immer noch nicht unterstreichen möchten, sollten Sie andere Möglichkeiten in Betracht ziehen, Ihre Links vom Rest der Kopie abzuheben. Sie können dafür Farbe oder fetten Text verwenden.

4. Hinzufügen von Alt-Tags zu Bildern

Um die Zugänglichkeit Ihrer Website zu verbessern, müssen Sie allen Bildern auf Ihrer Website „Alt-Tags“ hinzufügen.

Einige Websites verwenden ihren Alt-Text als Teil ihrer Strategie zur Suchmaschinenoptimierung (SEO): Anstatt ihn zu verwenden, um ein Bild so kurz und so gut wie möglich zu beschreiben, nutzen sie den Platz, um Schlüsselwörter zu füllen, von denen sie glauben, dass sie ihrer Website beim Ranking helfen. Offensichtlich führt dies normalerweise nicht zu einem guten Leseerlebnis für einen Website-Besucher, und Sie möchten dies vermeiden, um Ihre Website zugänglich zu halten.

Wenn jemand über einen Bildschirmleser auf Ihre Website zugreift und Ihre Website keine Alt-Tags zu seinem visuellen Inhalt hinzugefügt hat, kann sein Bildschirmleser dem Leser nicht erklären, was sich im Bild befindet. Ein Alt-Tag teilt einer Screenreader-Software mit, was sich in einem Bild befindet und wie es für den umgebenden Inhalt relevant ist.

Um Alt-Tags zu Bildern auf einer Website hinzuzufügen, müssen Sie zum Feld Alt-Text auf der rechten Seite Ihres Editors gehen und einen kurzen Satz schreiben, der das Bild beschreibt.

5. Halten Sie Ihre Links beschreibend

Einige Benutzer werden aufgrund visueller Einschränkungen die Sprachbefehlstechnologie verwenden, um auf Ihrer Website zu navigieren. Da dieses Segment der Besucher Ihrer Website Screenreader verwendet, um auf den Inhalt Ihrer Website zuzugreifen, müssen Ihre Links kontextbezogener sein.

Anstatt etwas Vages wie „Weiterlesen“ zu sagen, möchten Sie möglicherweise weitere Details hinzufügen, um Ihren Link in einen Kontext zu setzen, damit die Benutzer genau wissen, wohin der Link führt. Anstatt einfach nur „weiterlesen“ zu sagen, möchten Sie vielleicht weitere Details hinzufügen und so etwas lesen wie „Klicken Sie hier, um mehr darüber zu erfahren, wie unser Team Ihnen helfen kann“. Auf diese Weise wird ein Benutzer, der einen Screenreader verwendet, aufgefordert, auf den bereitgestellten Link zu klicken.

6. Testen Sie Ihre Schriftgröße auf verschiedenen Bildschirmen

Bevor Sie Ihrer aktuellen Größe nicht zustimmen, müssen Sie über verschiedene Geräte mit unterschiedlichen Bildschirmgrößen auf Ihre Website zugreifen, um beispielsweise zu testen, wie Ihr Text auf einem Personal Computer (PC) und einem Mobiltelefon aussieht, damit Sie sicherstellen können, dass er optimiert ist für große und kleine Bildschirme.

7. Hauptinhaltslinks hinzufügen

Wenn Sie nichts dagegen unternehmen, werden Benutzer, die Screenreader verwenden, eine anstrengende Zeit auf Ihrer Website haben, einfach weil ihre Leser Ihre Website von ganz oben nach unten lesen, und manchmal kann es eine Weile dauern, bis sie beginnt, den Inhalt zu lesen, den der Benutzer benötigt lesen.

Um dies zu beheben, müssen Sie beim Erstellen Ihrer WordPress-Site Links einfügen, die es Screenreadern ermöglichen, zum Hauptinhalt Ihrer Seite zu springen. Dieser Link kann zur ersten Spalte Ihrer Hypertext Markup Language (HTML) hinzugefügt werden.

8. Bieten Sie Textalternativen zu visuellen und Audioinhalten an

Das Hinzufügen von Untertiteln zu Ihren Inhalten kann Menschen mit Hörbehinderungen helfen, auf Ihre Inhalte zuzugreifen. Stellen Sie beim Veröffentlichen von Videos, Podcasts oder Hörbüchern auf Ihrer Website sicher, dass Sie Text alternativ zu diesen Inhalten hinzugefügt haben, damit jeder ihn verstehen kann.

9. Aktivieren Sie die Tab-Indizierung

Einige Ihrer Benutzer, insbesondere diejenigen mit eingeschränkten motorischen Fähigkeiten, antworten häufig mit der Tabulatortaste ihrer Tastatur, anstatt mit einem Trackpad oder einer Maus auf Ihrer Website zu navigieren.

Um diesen Benutzern Rechnung zu tragen, stellen Sie sicher, dass Ihre Website tab-indiziert ist. In diesem Fall tragen Sie dazu bei, dass alle Benutzer in der beabsichtigten Reihenfolge auf Ihre Inhalte zugreifen können, indem Sie die Reihenfolge der Elemente Ihrer Inhalte festlegen.

10. Entwerfen Sie Websites für niedrige Internetgeschwindigkeiten

Während der durchschnittliche Benutzer beim Zugriff auf Ihre Website hohe bis durchschnittliche Internetgeschwindigkeiten hat, erleben einige Benutzer niedrigere als normale Internetgeschwindigkeiten.

Darüber hinaus können selbst Benutzer mit allgemein hohen Internetgeschwindigkeiten von Zeit zu Zeit fehlerhafte Verbindungen feststellen. Wenn Sie Ihre Website in diesem Sinne gestalten, kann dies dazu beitragen, dass Ihre Website jederzeit für alle zugänglich ist.

Sie denken vielleicht, dass Ihre Website nur in HTML-Text geschrieben sein sollte, aber das ist weit gefehlt. Die zu fließenden Standards können Folgendes umfassen:

• Stellen Sie sicher, dass Ihre Seiten nicht größer als 25 KB sind. Ihr Ziel sollte es sein, dass Website-Daten innerhalb von etwa 15 Sekunden geladen werden.
• Verwenden Sie Cascading Style Sheets (CSS), um die Bilder auf Ihrer Website zu reduzieren und Ihre Websitestruktur sauber zu halten.
• Stellen Sie sicher, dass die Seiten Ihrer Website zwischengespeichert werden können, was die Ladezeit für Besucher verkürzt, die Ihre Website häufig besuchen.
• Vermeiden Sie Links zu großen Dateien wie PDFs, aber stellen Sie sicher, ob solche Links notwendig sind. zeigt die Dateigröße an.
• Der Inhalt, der zuerst auf Ihrer Website geladen wird, muss sehr wichtig sein, da er einen Leser dazu motiviert, noch ein paar Sekunden zu warten, während andere Informationen geladen werden. Stellen Sie also sicher, dass Sie wertvolle Informationen an erste Stelle setzen.

Fazit

Eine Website barrierefrei zu gestalten, erfordert viel Planung. Dies gilt unabhängig davon, ob Sie eine Website von Grund auf neu erstellen oder Ihre aktuelle anpassen möchten. Nehmen Sie sich etwas Zeit, um darüber nachzudenken, wie Benutzer mit unterschiedlichen Einschränkungen mit Ihrer Website interagieren könnten und wie Sie ihre Erfahrung verbessern können.