{"id":14506,"date":"2020-05-06T14:51:18","date_gmt":"2020-05-06T14:51:18","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/so-machen-sie-ihre-wordpress-website-zuganglicher\/"},"modified":"2020-05-06T14:51:18","modified_gmt":"2020-05-06T14:51:18","slug":"so-machen-sie-ihre-wordpress-website-zuganglicher","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/so-machen-sie-ihre-wordpress-website-zuganglicher\/","title":{"rendered":"So machen Sie Ihre WordPress-Website zug\u00e4nglicher"},"content":{"rendered":"
Wenn Sie eine WordPress-Website starten, sollten Sie sich bewusst sein, dass Besucher aller Art aufh\u00f6ren werden.<\/p>\n
Noch wichtiger ist, dass nicht alle Besucher Ihrer Website die einfachen Dinge tun k\u00f6nnen, die manche f\u00fcr selbstverst\u00e4ndlich halten, z. B. eine Maus bewegen, das Farbschema Ihrer Website anzeigen oder Videoinhalte anh\u00f6ren. Wenn Sie sich also in Ihrer Branche einen guten Ruf erarbeiten, Conversions vorantreiben und einfach das Richtige tun m\u00f6chten, m\u00fcssen Sie sich auf die Barrierefreiheit von WordPress konzentrieren.<\/p>\n
Deshalb skizzieren wir heute die einfachsten Wege dazu Machen Sie Ihre WordPress-Website zug\u00e4nglicher<\/strong>, damit die Leute Ihre Site leicht erkunden k\u00f6nnen.<\/p>\n
Dann fangen wir an.<\/p>\n
Was ist die Barrierefreiheit von WordPress?<\/h2>\n
WordPress-Barrierefreiheit bedeutet, Ihre Website und Inhalte verf\u00fcgbar zu machen, auch f\u00fcr Menschen mit Behinderungen.<\/p>\n
Denk dar\u00fcber 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\u00f6glichkeit, dass ein erheblicher Teil Ihrer Website-Besucher an einer Behinderung leidet, die sich auf ihre F\u00e4higkeit auswirkt, Ihre Website nach Ihren W\u00fcnschen zu erkunden.<\/p>\n
Die Web Accessibility Initiative besagt, dass die Verbesserung des Zugriffs auf Ihre Website den folgenden Personengruppen hilft:<\/p>\n
\n
Die \u00c4ltesten<\/li>\n
Menschen mit vor\u00fcbergehenden Behinderungen, einschlie\u00dflich verlorener Brille oder gebrochener Gliedma\u00dfen<\/li>\n
Menschen mit Seh- oder H\u00f6rbehinderungen.<\/li>\n
Menschen mit langsamen Internetverbindungen<\/li>\n
Personen mit Situationsbeschr\u00e4nkungen, z. B. Personen, die in einem hellen Bereich oder in einer Umgebung, in der sie kein Standortaudio h\u00f6ren k\u00f6nnen, auf Ihre Site zugreifen<\/li>\n
Menschen mit kognitiven Problemen wie Legasthenie, die die F\u00e4higkeit einer Person beeintr\u00e4chtigen, geschriebene Inhalte zu lesen<\/li>\n<\/ul>\n
Bevor wir fortfahren, nehmen wir zum Beispiel Blinkee.com:<\/p>\n<\/figure>\n
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\u00e4nger als ein paar Sekunden auf etwas Wichtiges konzentrieren zu k\u00f6nnen.<\/p>\n
Die Zug\u00e4nglichkeit der Website ist viel wichtiger, als viele zugeben m\u00f6chten.<\/p>\n
Aber warum sollten Sie sich f\u00fcr die Barrierefreiheit von WordPress interessieren?<\/h3>\n
Vielleicht denken Sie, dass Ihre WordPress-Website \u00fcberhaupt nicht wie Blinkee.com ist. Und obwohl das eine gute Sache ist, sind Sie immer noch nicht klar.<\/p>\n
Hier sind einige der zwingendsten Gr\u00fcnde, sich \u00fcber die Zug\u00e4nglichkeit der Website Sorgen zu machen:<\/p>\n
\n
Menschen mit Behinderungen gehen dreimal seltener online als Menschen ohne Behinderung, was bedeutet, dass sie keine gro\u00dfen M\u00f6glichkeiten verpassen, einen gro\u00dfen Teil der potenziellen Kunden zu konvertieren.<\/li>\n
Google und andere gro\u00dfe Suchmaschinen belohnen Websites, auf die zugegriffen werden kann, indem sie in Suchrankings h\u00f6her eingestuft werden<\/li>\n
Seit der ersten Nachverfolgung dieser Art von F\u00e4llen im Jahr 2015 wurden Tausende F\u00e4lle von Barrierefreiheit im Internet eingereicht. Dies bedeutet, dass f\u00fcr Ihre Website m\u00f6glicherweise das Risiko einer Klage besteht<\/li>\n<\/ul>\n
Wie Sie sehen, k\u00f6nnen Sie unabh\u00e4ngig von der Art Ihrer Website viel verlieren, indem Sie einen Teil Ihrer Zielgruppe entfremden.<\/p>\n
Tipps, um Ihre Website zug\u00e4nglicher zu machen<\/h2>\n
1. Testen Sie die Zug\u00e4nglichkeit Ihrer WordPress-Site<\/h3>\n
Bevor Sie \u00c4nderungen an Ihrer Website vornehmen, um sie zug\u00e4nglicher zu machen, sollten Sie zun\u00e4chst pr\u00fcfen, wie zug\u00e4nglich sie derzeit ist.<\/p>\n
Dies ist mit einem Tool wie dem Web Accessibility Assessment Tool (WAVE) problemlos m\u00f6glich. Damit k\u00f6nnen Sie die Zug\u00e4nglichkeit Ihrer Website bewerten, indem Sie einfach die URL Ihrer Website eingeben.<\/p>\n<\/figure>\n
Nach der Auswertung zeigt WAVE verschiedene farbcodierte Symbole an, die Abschnitte Ihrer Website darstellen, die in Ordnung sind, verbessert werden m\u00fcssen oder tats\u00e4chliche Fehler sind. Durch Klicken auf ein Symbol erhalten Sie eine detaillierte Beschreibung der Korrekturen.<\/p>\n
2. W\u00e4hlen Sie die Farbschemata sorgf\u00e4ltig aus<\/h3>\n
Eine der besten M\u00f6glichkeiten, 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\u00e4nkte Sicht haben, k\u00f6nnen sie die Farben Ihrer Website nicht so gut genie\u00dfen, wie sie sollten.<\/p>\n
Nehmen Sie zum Beispiel dieses einfache Beispiel f\u00fcr Farbkontrast:<\/p>\n<\/figure>\n
Es ist ziemlich schwierig, den im ersten Bild geschriebenen Text zu sehen, oder? M\u00f6glicherweise haben Sie nicht einmal eine Behinderung, die sich auf die Art und Weise auswirkt, wie Sie dieses Bild anzeigen.<\/p>\n
Stellen Sie sich vor, Sie geh\u00f6ren zu den 300 Millionen Menschen auf der Welt, die an Farbenblindheit leiden. Oder Sie geh\u00f6ren zu den 2,2 Milliarden Menschen weltweit, die sehbehindert oder blind sind.<\/p>\n
Neben der Betrachtung der kontrastierenden Farbschemata ist es auch wichtig, widerspr\u00fcchliche Farbschemata zu vermeiden, wie dies bei diesem Albumcover der Fall ist. Nur weil der Kontrast nicht so ist, hei\u00dft das nicht, dass sich die Farben gut kombinieren lassen.<\/p>\n
Schauen Sie sich dieses kostenlose Online-Tool namens Contrast Checker an, um die Farben Ihrer WordPress-Site auszugleichen.<\/p>\n<\/figure>\n
W\u00e4hlen 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:<\/p>\n<\/figure>\n
3. Verwenden Sie ein WordPress-Plugin f\u00fcr Barrierefreiheit<\/h3>\n
Wenn Sie es sich einfacher machen m\u00f6chten, k\u00f6nnen Sie jederzeit ein spezielles WordPress-Plugin f\u00fcr Barrierefreiheit verwenden, um Ihre Website zu bewerten und sicherzustellen, dass sie f\u00fcr alle zug\u00e4nglich ist.<\/p>\n
Eines dieser Plugins ist WP Accessibility. Mit diesem Plugin k\u00f6nnen Sie h\u00e4ufig auftretende Probleme mit der Barrierefreiheit in WordPress-Designs identifizieren und beheben, um die Benutzerfreundlichkeit Ihrer Website zu verbessern.<\/p>\n
Einige seiner Funktionen umfassen:<\/p>\n
\n
Entfernen des Zielattributs aus Links<\/li>\n
Eliminierung der Attribute des Titels der in den Inhalt eingef\u00fcgten Bilder.<\/li>\n
Hinzuf\u00fcgen von Publikationstiteln zu Standardlinks "Lesen Sie mehr"<\/li>\n
Hinzuf\u00fcgen von Tags zu Standard-WordPress-Formularfeldern, falls diese fehlen<\/li>\n
Entfernen von Tabindex aus Elementen, die fokussierbar sind<\/li>\n
Zeigen Sie einen Farbkontrast zwischen zwei hexadezimalen Codewerten an<\/li>\n
Und vieles mehr<\/li>\n<\/ul>\n
Dar\u00fcber hinaus f\u00fcgt WP Accessibility eine Symbolleiste hinzu, mit der Sie zwischen kontrastreichen, gro\u00dfen Druck- und Graustufenansichten Ihres Themas wechseln, allen Bildern Alternativattribute hinzuf\u00fcgen und Ihren HTML-Attributen sogar Text- und Textrichtungsattribute hinzuf\u00fcgen k\u00f6nnen.<\/p>\n
4. Verwenden Sie ein bereites und zug\u00e4ngliches Thema<\/h3>\n
Wenn Sie vermeiden m\u00f6chten, dass Probleme mit der Barrierefreiheit von Grund auf behoben werden m\u00fcssen, sollten Sie ein barrierefreies WordPress-Design verwenden.<\/p>\n
Nat\u00fcrlich ist dies manchmal leichter gesagt als getan. Wenn Sie jedoch das offizielle WordPress-Repository durchsuchen, werden Sie m\u00f6glicherweise auf einige coole Themes () sto\u00dfen, die barrierefreies Design verwenden. Alles was Sie tun m\u00fcssen, ist die zu verwenden Funktionsfilter <\/strong>und suchen Sie nach Themen, die als zug\u00e4nglich markiert sind.<\/p>\n<\/figure>\n
Keine Sorge. Zuverl\u00e4ssige Themenm\u00e4rkte wie ThemeForest verf\u00fcgen \u00fcber einen \u00e4hnlichen Funktionsfilter, mit dem Sie sicherstellen k\u00f6nnen, dass auf Ihr WordPress-Thema zugegriffen werden kann.<\/p>\n<\/figure>\n
Wenn Sie ein barrierefreies Thema f\u00fcr Ihre WordPress-Website ausw\u00e4hlen, ist Ihre Website f\u00fcr alle Benutzer in Bezug auf Navigation, Linkdesign, Farbschemata und mehr bereit.<\/p>\n
5. F\u00fcgen Sie allen Bildern alternativen Text hinzu<\/h3>\n
Das Hinzuf\u00fcgen von Alternativtext zu Ihren Site-Bildern dient nicht nur zur Erh\u00f6hung des Suchrankings. Nat\u00fcrlich bietet Alternativtext in Bildern Suchmaschinen-Crawlern ein besseres Verst\u00e4ndnis Ihrer Website und hilft Ihnen, in den relevantesten Suchergebnissen zu ranken.<\/p>\n
Das Hinzuf\u00fcgen 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\u00fcgen, k\u00f6nnen Menschen mit Behinderungen ihre Bilder mithilfe eines Bildschirmleseger\u00e4ts "lesen", um im Internet zu navigieren.<\/p>\n
F\u00fcgen Sie also allen Bildern auf Ihrer WordPress-Site Alternativtext hinzu. Stellen Sie sicher, dass sie beschreibend sind und Schl\u00fcsselw\u00f6rter enthalten, damit ein Bildschirmleser Benutzer auf sinnvolle Weise lesen kann.<\/p>\n
6. Machen Sie Ihre Site-Tastatur kompatibel<\/h3>\n
Eine weitere gro\u00dfartige M\u00f6glichkeit, Menschen mit Behinderungen zu helfen und Ihre WordPress-Site zug\u00e4nglicher 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:<\/p>\n
\n
Men\u00fcpunkte<\/li>\n
Links<\/li>\n
Kn\u00f6pfe<\/li>\n
Formularfelder<\/li>\n<\/ul>\n
Sie sind sich nicht sicher, ob Ihre Site derzeit Tastatur unterst\u00fctzt? Um dies zu \u00fcberpr\u00fcfen, m\u00fcssen Sie lediglich die Website besuchen und pr\u00fcfen, ob Sie ohne Maus navigieren k\u00f6nnen. Klicken Sie stattdessen auf Zunge <\/strong>Knopf und sehen, was passiert.<\/p>\n
WordPress.org leistet hervorragende Arbeit, um Ihre Website f\u00fcr alle Benutzer zug\u00e4nglich zu machen. Wenn Sie die Site durchsuchen, sehen Sie eine gepunktete Linie um jeden Men\u00fcpunkt, zu dem Sie auf der Registerkarte wechseln.<\/p>\n<\/figure>\n
7. Formatieren Sie die Formularfelder korrekt<\/h3>\n
Es ist verlockend, Formularfeldbezeichnungen in Feldfelder einzuf\u00fcgen, damit Ihre Site \u00fcbersichtlicher und sauberer aussieht. Einige Screenreader k\u00f6nnen diese Etikettentypen jedoch nicht identifizieren und lesen. Dies macht es f\u00fcr diejenigen, die Screenreadern vertrauen, schwierig, wenn nicht unm\u00f6glich, die Formularfelder auf ihrer Site anzuzeigen und auszuf\u00fcllen. Dies bedeutet auch einen Verlust an Conversions, der Ihren Erfolg zerst\u00f6ren kann.<\/p>\n
Wenn Sie sich stark auf Besucherprotokolle der Website verlassen, um Geld zu verdienen oder Ihre Follower zu erh\u00f6hen, erh\u00f6hen sich die Chancen, einige Ihrer Zielgruppen zu entfremden, wenn Sie Ihre Formularfelder nicht zug\u00e4nglich machen. Um dies zu beheben, platzieren Sie Formularfeldbezeichnungen au\u00dferhalb jedes Felds.<\/p>\n
8. Beachten Sie den Linkstil<\/h3>\n
Obwohl die Farben, die Sie den Hyperlinks Ihrer Website zuweisen, h\u00e4ufig f\u00fcr Branding-Zwecke ausgew\u00e4hlt werden, sollten Sie ber\u00fccksichtigen, dass Menschen mit Behinderungen bei Hyperlinks einen klaren Kontrast ben\u00f6tigen.<\/p>\n
Hier ist eine Liste einiger hilfreicher Tipps, um den Zugriff auf Ihre WordPress-Site-Links zu erleichtern:<\/p>\n
\n
Vermeiden Sie die Verwendung des Wortes "Link (s)" in Ihren Links, da Bildschirmleser den Benutzern mitteilen, wohin der Link f\u00fchrt<\/li>\n
Profitieren Sie nicht von Links, da dies Bildschirmleser verwirrt, die manchmal Gro\u00dfbuchstaben Buchstabe f\u00fcr Buchstabe lesen<\/li>\n
Vermeiden Sie die Verwendung von URLs im Linktext, da Bildschirmleser diese Buchstaben f\u00fcr Buchstaben lesen, was es f\u00fcr Benutzer schwierig macht, ihnen zu folgen<\/li>\n
Verkn\u00fcpfen Sie nicht ganze Inhaltsbl\u00f6cke. mach es kurz und s\u00fc\u00df<\/li>\n
Benachrichtigen Sie den Benutzer, wenn ein Link in einem neuen Fenster ge\u00f6ffnet wird, damit er nicht verloren geht<\/li>\n
Seien Sie vorsichtig, wenn Sie zu viele Ankerlinks verwenden (Menschen mit Behinderungen bemerken m\u00f6glicherweise nicht, dass sie sich nur auf der Seite bewegen, die sie bereits gescannt haben).<\/li>\n
Unterstreichen Sie verkn\u00fcpften Text und verwenden Sie eine sch\u00f6ne, separate Farbe f\u00fcr den Kontrast<\/li>\n
\u00dcberpr\u00fcfen Sie regelm\u00e4\u00dfig, ob Links besch\u00e4digt oder leer sind<\/li>\n<\/ul>\n
Ende<\/h2>\n
Am Ende ist die Barrierefreiheit von WordPress wichtiger denn je. Heutzutage nutzen die Leute das Internet f\u00fcr alles. Von der Bezahlung von Rechnungen \u00fcber 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.<\/p>\n
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\u00e4nglich Ihre Website ist. ist. Wenn es nicht auf dem neuesten Stand ist, nehmen Sie einige schnelle und einfache \u00c4nderungen vor. Dies hilft Ihnen nicht nur dabei, Ihre Follower oder Ihren Kundenstamm zu vergr\u00f6\u00dfern, sondern ist auch das Richtige.<\/p>\n
![\"Beispiel](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/1588693034_414_Como-hacer-que-su-sitio-web-de-WordPress-sea-mas.jpg\")
<\/figure>\n![\"Farbkontrast](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/1588693034_727_Como-hacer-que-su-sitio-web-de-WordPress-sea-mas.jpg\")
<\/figure>\n![\"Kontrastkorrektor\"](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/1588693035_174_Como-hacer-que-su-sitio-web-de-WordPress-sea-mas.jpg\")
<\/figure>\n![\"Kontrastpr\u00fcfung](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/1588693035_179_Como-hacer-que-su-sitio-web-de-WordPress-sea-mas.jpg\")
<\/figure>\n![\"zug\u00e4ngliche](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/1588693035_514_Como-hacer-que-su-sitio-web-de-WordPress-sea-mas.jpg\")
<\/figure>\n![\"zug\u00e4ngliches](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/1588693035_847_Como-hacer-que-su-sitio-web-de-WordPress-sea-mas.jpg\")
<\/figure>\n![\"schl\u00fcsselwortfreundliches](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/1588693035_510_Como-hacer-que-su-sitio-web-de-WordPress-sea-mas.jpg\")
<\/figure>\n![So machen Sie Ihre WordPress-Website zug\u00e4nglicher "data-pin-url =" https:\/\/www.wpsuperstars.net\/wordpress-accessibility\/ "data-pin-media =" https:\/\/www.wpsuperstars.net \/ wp- content \/ uploads \/ 2020\/02 \/ Wie Sie Ihre WordPress-Website zug\u00e4nglicher machenPinterest.png "data-pin-description =" So machen Sie Ihre WordPress-Website zug\u00e4nglicher ">\n\n\n\n\n<\/p>\n<div style=](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/Como-hacer-que-su-sitio-web-de-WordPress-sea-mas.png\")