Klagen zur Barrierefreiheit von Websites nehmen zu: Wie WordPress-Sites ADA-konform werden können

Wie vertraut sind Sie mit dem Americans with Disabilities Act (ADA)? Leider lernen jedes Jahr mehr Website-Eigentümer auf die harte Tour, wenn sie wegen ihrer Nichteinhaltung des ADA verklagt werden. Die ADA wurde gegründet, um sicherzustellen, dass Menschen mit Behinderungen fairen und gleichberechtigten Zugang zu Wohnraum, Beschäftigung, Verkehrsmitteln, öffentlichen Unterkünften, Kommunikation und staatlichen Programmen oder Dienstleistungen bis hinunter zur kommunalen Ebene erhalten.

Seyfarth Shaw LLP, eine führende internationale Anwaltskanzlei, berichtet, dass im Jahr 2022 3.255 Klagen vor Bundesgerichten eingereicht wurden, „in denen behauptet wurde, dass Kläger mit einer Behinderung Websites nicht nutzen konnten, weil sie nicht barrierefrei gestaltet waren und/oder mit Hilfstechnologien arbeiteten. ” Seit 2010 ist diese Zahl jedes Jahr um 10 % oder mehr gestiegen. Rechtsstreitigkeiten im Zusammenhang mit der Barrierefreiheit von Websites machen mittlerweile 37 % aller ADA-Title-III-Klagen aus.

Was bedeutet es also, „WordPress ADA-konform“ zu sein?

Das ADA gilt auch online

Die ADA-Gesetzgebung hat sehr deutlich gemacht, dass Barrierefreiheit für Menschen mit Behinderungen nicht nur etwas ist, das in der physischen Welt stattfindet. Das gilt auch für die digitalen Räume, in denen viele von uns arbeiten und viel Zeit verbringen. Arbeitsplätze und öffentliche Bereiche oder Büros, die wichtige Dienstleistungen erbringen, müssen für alle zugänglich sein. Webseiten auch.

Und die digitale Welt umfasst die WordPress-Website, die Sie besitzen und betreiben.

Aus diesem Grund ist es notwendig, WordPress-Sites zu erstellen, die vollständig mit dem ADA konform sind.

Die gute Nachricht ist, dass viele Softwareprogramme und spezialisierte Tools Ihnen helfen werden, als Eigentümer einer WordPress-Website ADA-konform zu werden. Befolgen Sie einige etablierte Praktiken und setzen Sie einige wichtige Tools ein. Dadurch wird sichergestellt, dass der Inhalt Ihrer Website für alle verfügbar und zugänglich ist, einschließlich Personen mit Behinderungen.

In diesem Leitfaden werden wir uns mit dem Americans with Disabilities Act befassen und erklären, warum Sie ihn in Ihren Online-Eigenschaften einhalten müssen, um mögliche rechtliche Schritte zu vermeiden. Es gibt noch viele andere Gründe, barrierefreie Websites zu erstellen, und sie haben direkte Vorteile für Websitebesitzer.

Abschließend stellen wir Ihnen die vier wichtigsten Tipps zur Barrierefreiheit vor, die Sie ab heute anwenden können.

Lass uns einen Blick darauf werfen.

Warum Ihre WordPress-Website ADA-konform sein muss

Das Bundesgesetz der Vereinigten Staaten enthält strenge Schutzmaßnahmen, die es jedem Unternehmen vollständig verbieten, Arbeitsplätze oder Wohnungen aufgrund der körperlichen Fähigkeiten einer Person zu verweigern.

Die ADA fordert fairen Zugang zu:

• Öffentlicher Raum
• Transport
• Ausbildung
• …und mehr…

Über die physische Welt hinaus erstrecken sich die ADA-Schutzmaßnahmen auch auf die gesamte Informationstechnologie und elektronische Zugänglichkeit.

Aus diesem Grund wirkt sich die ADA-Konformität auf fast jede veröffentlichte Website aus. Und selbst wenn das Gesetz nicht existierte, ist es immer noch eine großartige Praxis sicherzustellen, dass Ihre WordPress-Site für so viele Benutzer wie möglich zugänglich ist.

Insbesondere weist die ADA ausdrücklich darauf hin, dass Einzelpersonen ihre Zugänglichkeitsrichtlinien einhalten müssen, wenn sie ein privater Arbeitgeber mit mindestens 15 Mitarbeitern sind.

Darüber hinaus ist die ADA-Konformität obligatorisch, wenn Sie ein Unternehmen besitzen, das für den öffentlichen Nutzen tätig ist, wie z. B. eine eingetragene Wohltätigkeitsorganisation.

Darüber hinaus müssen alle Websites lokaler und staatlicher Behörden, einschließlich Websites für Schulen, zu 100 % ADA-konform sein.

Was bedeutet es, eine WordPress ADA-konforme Website zu haben?

Werfen wir zunächst einen Blick auf einige der von der ADA erzwungenen Standards für die Barrierefreiheit von Websites:

• Eine ADA-konforme Website muss Websitebenutzern mit Sehbehinderung ermöglichen, den Inhalt Ihrer Website mithilfe von Bildschirmleseprogrammen wahrzunehmen.
• Die Website muss Transkriptionen oder Untertitel aller Audioinhalte bereitstellen . Dadurch können gehörlose Benutzer den Inhalt der Website aufnehmen.
• Es muss eine Tastaturnavigation unterstützen, damit Benutzer, die keine herkömmliche Computermaus verwenden können, auf der Website navigieren können.
• Eine WordPress ADA-konforme Website implementiert ein barrierefreies visuelles Design , das Benutzern entgegenkommt, die farbenblind oder lichtempfindlich sind.

Beachten Sie, dass dies keine umfassende Liste von ADA-konformen Standards ist. Während wir diesen Leitfaden durcharbeiten, werden wir uns eingehender mit den vollständigen Details darüber befassen, wie Ihre WordPress-Site alle ADA-Anforderungen erfüllen kann. Wenn wir mit den technischen Aspekten der Barrierefreiheit fortfahren, behalten Sie dieses Gesamtbild (und seine Vorteile) im Hinterkopf.

Was sind die möglichen Folgen einer nicht ADA-konformen WordPress-Website?

Denken Sie daran, dass Sie mit dem Gesetz in Konflikt geraten könnten, wenn Ihre Website diese Standards nicht vollständig erfüllt. Dies kann auch dann der Fall sein, wenn Sie Personen mit Behinderungen nicht vom einfachen Zugriff und der Nutzung Ihrer WordPress-Website ausschließen wollten. Tatsächlich ist im Falle der ADA-Compliance die Absicht vom Gesetz getrennt.

Und das ist keine theoretische Drohung. In den letzten Jahren wurden mehrere hochkarätige Klagen gegen Websites eingereicht, die dem ADA entsprechen. Die am weitesten verbreitete dieser Klagen war gegen die Marke Domino's Pizza. Dieser Fall ging bis zum Obersten Gerichtshof der Vereinigten Staaten.

Das Erstellen einer WordPress-Site, die für Menschen mit Behinderungen zugänglicher ist, ist nicht nur das Richtige. Es kann auch Ihrer Marke und Ihrem gesamten Unternehmen zugute kommen.

Nach Angaben der WHO (Weltgesundheitsorganisation) leiden weltweit etwa 1,3 Milliarden Menschen an mindestens einer Art von Behinderung. Das sind etwa 16 % der gesamten Weltbevölkerung. Dies ist eine Menge potenzieller neuer Kunden und Besucher Ihrer Website.

Was hat Target aus dem Verlust eines Rechtsstreits zur Barrierefreiheit gelernt?

Die Web Accessibility Initiative des World Wide Web Consortium (W3C) bietet eine Fallstudie einer einflussreichen, frühen ADA-Klage gegen die barrierefreie Website eines großen US-Unternehmens: target.com. Die National Federation of the Blind (NFB) war in diesem Fall als Kläger erfolgreich, da der Website von Target wichtige Zugänglichkeitsmerkmale fehlten:

• alternativer (alt) Text, der Bilder für sehbehinderte Menschen beschreibt, die Screenreader verwenden
• Tastatursteuerung zum Abschließen von Online-Einkäufen ohne Verwendung einer Maus
• barrierefreie Imagemaps mit Filialstandorten
• richtiges standardkonformes semantisches HTML-Seitendesign mit Überschriften, die die Seitennavigation unterstützen

Heute ist die Target Corporation ein Verfechter der Webzugänglichkeit. Hier ist Jason Goldberger, Chief Digital Officer von Target und Präsident von Target.com im Jahr 2016, der erklärt, worauf er am meisten stolz war, nachdem er ein Jahrzehnt lang daran gearbeitet hatte, Target.com barrierefrei und ADA-konform zu machen:

… ich regelmäßig höre, wie Kollegen aus vielen verschiedenen Teams unaufgefordert über Barrierefreiheit sprechen und sie ohne Erinnerung von uns in ihre Pläne einarbeiten. Es ist Teil des täglichen Gesprächs geworden, und das ist ziemlich erstaunlich, weil es nicht immer der Fall war. An Menschen mit Behinderungen zu denken, ist ein wesentlicher Bestandteil des digitalen Teams, und für mich und andere blinde Gäste ist es ein weiterer Teil dessen, was Target so besonders macht.

Während Barrierefreiheit in ihrer Implementierung sehr technisch sein kann, ist dies das Gesamtbild dessen, was sie unterstützt und ermöglicht: eine positive Unternehmenskultur, die auf die Bedürfnisse ihrer Kunden und potenziellen Kunden als Menschen abgestimmt ist .

So erhalten Sie eine WordPress ADA-konforme Website

Jetzt haben Sie ein allgemeines Verständnis dafür, was der Americans with Disabilities Act ist und warum er so wichtig ist. Als Nächstes sehen wir uns an, wie Sie Ihre WordPress-Site konform machen können.

Hier sind die vier Dinge, die Sie tun müssen, um dorthin zu gelangen.

1. Erfahren Sie, wie eine ADA-konforme WordPress-Site aussieht

Das US-Justizministerium hat noch keine offiziellen Compliance-Richtlinien für die ADA herausgegeben oder veröffentlicht. Es gibt jedoch einige solide Empfehlungen.

Machen Sie sich mit WCAG vertraut

Insbesondere ermutigt die ADA jede Organisation nachdrücklich, die Web Content Accessibility Guidelines (WCAG), 2.0 Level AA, zu befolgen.

Diese Richtlinien besagen ausdrücklich, dass alle Website-Besucher in der Lage sein müssen, jede Information, die auf Ihrer WordPress-Website erscheint, wahrzunehmen. Dazu müssen Websitebesitzer Alternativen zu den Medien bereitstellen, die auf ihren Websites bereitgestellt werden.

Video-Untertitel

Schauen Sie sich YouTube als Beispiel an. Da die ADA-Konformität erforderlich wurde, bieten sie automatisch Untertitel für alle Video- und Audioinhalte, die auf der Plattform gehostet und wiedergegeben werden.

Zugängliche Formulare

Beispielsweise könnten Sie erwägen, vorgeschlagene Eingabeaufforderungen zu verwenden, um die Informationen zu verdeutlichen, die Website-Benutzer in Ihre Kontaktformulare eingeben müssen.

Wenn ein Benutzer falsche Informationen in ein Formular eingibt, versuchen Sie darüber hinaus, einfache Empfehlungen zu geben, was er tun kann, um diese Eingabefehler zu beheben.

Dies ist viel hilfreicher (und zugänglicher), als nur eine allgemeine Fehlermeldung mit ungültigen Benutzereingaben anzuzeigen.

Unterstützt Screenreader und Tastaturnavigation

Wahrscheinlich haben Sie bereits einige Website-Besucher, die mithilfe von Screenreadern mit Ihrer Website interagieren. Für Leute, die dies tun, ist beschreibender Alt-Text äußerst hilfreich, um die auf Ihrer WordPress-Site angezeigten Bilder zu verstehen.

Personen mit eingeschränkter manueller oder visueller Geschicklichkeit finden es oft viel einfacher, mit Websites zu interagieren, indem sie Navigationssteuerelemente wie ein Tastenfeld oder eine Tastatur verwenden. Für Benutzer, die dies tun, möchten Sie eine konsistente und klare Struktur der Site-Navigation haben.

Sie könnten auch visuelle Hinweise auf Elemente geben, die derzeit im Fokus sind. Diese Elemente werden aktiviert, wenn Ihr Website-Besucher das nächste Mal eine Aktion durchführt, wie z. B. das Drücken der Eingabetaste auf seiner Tastatur.

2. Führen Sie eine ADA-Compliance-Überprüfung durch, um zu sehen, wo Sie derzeit stehen

Barrierefreiheit ist kein einfaches Thema. Tatsächlich handelt es sich um ein riesiges Thema, das viele verschiedene Elemente der Design-Werbeschnittstelle umfasst, die verwendet werden, um eine WordPress-Site zu erstellen, die benutzerfreundlicher ist. Wenn ein Website-Eigentümer nur einen Faktor im Zusammenhang mit der Barrierefreiheit übersieht, kann dies leicht verhindern, dass ein Website-Benutzer (und potenzieller Kunde) eine positive Erfahrung auf seiner Website macht.

Bewertung der Barrierefreiheit der Website (WAVE)

Ein guter Ausgangspunkt, um die Qualität der Benutzererfahrung (UX) Ihrer Website im Hinblick auf Zugänglichkeitsstandards zu bewerten, ist eine Suite von Tools namens Website Accessibility Evaluation (WAVE). WAVE scannt Ihre WordPress-Site und listet alle potenziellen Probleme mit der Zugänglichkeit auf. Dies ist ein unglaublich wertvolles Tool, mit dem Sie die große Bandbreite an Problemen identifizieren können, die sich auf die Benutzerfreundlichkeit der Website auswirken könnten.

Wenn Sie diese Liste in WAVE anzeigen, können Sie auf die begleitenden Symbole klicken, um weitere Informationen zu jedem erkannten Barrierefreiheitsfehler zu erhalten. Das Tool schlägt Ihnen sogar Ressourcen vor, die Ihnen noch mehr Einblick in jedes Problem mit der Benutzerfreundlichkeit geben.

Leider ist WAVE ein eingeschränktes Tool, das nur eine einzelne Webseite gleichzeitig scannen kann. Um den Prozess des Scannens Ihrer gesamten WordPress-Site zu beschleunigen, ist es eine gute Idee, WAVE für Firefox- oder WAVE für Chrome-Erweiterungen zu installieren (je nach bevorzugtem Browser).

Mit den Erweiterungen können Sie WAVE auf jeder Webseite ausführen, die Sie gerade anzeigen.

3. Befolgen Sie immer die ADA-konformen Best Practices von WordPress, wenn Sie barrierefreie Websites erstellen

Nachdem Sie die Zugänglichkeit Ihrer Website getestet und die Ergebnisse zusammengestellt haben, ist es an der Zeit, jedes einzelne Problem, das Sie identifiziert haben, anzugehen.

Es ist zwingend erforderlich, dass Sie eine vollständige Bestandsaufnahme des Inhalts Ihrer Website vornehmen. Überlegen Sie, ob Sie alternative Medienausgaben für das bereitstellen können, was Sie bereits veröffentlicht haben.

Transkriptionsdienste

Wenn Sie Ihre Inhalte nicht von einem Fachmann transkribieren lassen können, gibt es einige Softwaretools, die die Untertitel automatisch für Sie generieren.

Leider sind einige von ihnen manchmal etwas schlampig und ungenau. Aber wenn die Verwendung von Transkriptionssoftware-Tools Ihre einzige Option ist, ist es besser, als keine Transkription Ihrer Inhalte bereitzustellen.

Sie sollten auch geschriebene Textalternativen zu den visuellen Elementen Ihrer WordPress-Site bereitstellen. Diese unglaublich nützliche Praxis kommt allen Benutzern zugute, die Ihre Website über Barrierefreiheits-Tools wie Screenreader erleben.

ALT Text und Bilder

In WordPress ist es einfach, beschreibenden Alt-Text zu Ihren Bildern und Visuals direkt in der Medienbibliothek hinzuzufügen.

Darüber hinaus haben viele Besitzer von WordPress-Websites, die die ADA-Konformität anstreben, festgestellt, dass es am besten ist, das Einfügen von Text in Ihre Website-Bilder zu vermeiden. Große Textmengen in Bildern machen es schwieriger, Ihre Grafiken für Sehbehinderte nur mit Ihrem Alt-Text zu beschreiben.

Überlegen Sie stattdessen, ob Sie einen ähnlichen Effekt mithilfe von Code erstellen könnten. Beispielsweise könnten Sie die Informationen, die Sie vermitteln möchten, als einfachen Text hinzufügen. Verwenden Sie dann CSS, um es zu stylen.

Kontrastverhältnisse

Um sehbehinderte Website-Besucher vollständig zu unterstützen, empfiehlt es sich, für den gesamten Text ein Kontrastverhältnis von mindestens 4,5:1 einzuhalten. Sie sollten auch die Größe des gesamten Textes um bis zu 200 % ändern.

Die Herausforderung für Sie besteht darin, diese Art von Flexibilität bereitzustellen, ohne die Funktionalität Ihrer Website zu beeinträchtigen. Dies erfordert wahrscheinlich, dass Sie viele Usability-Tests durchführen, bevor Sie Ihre Änderungen live schalten.

Wenn Sie mehr über Barrierefreiheitsprobleme erfahren möchten, die sich auf Ihre Website auswirken, ist es wichtig, den gesamten Inhalt Ihrer Website über das WAVE-Tool auszuführen. Nehmen Sie sich dann die Zeit, alle von WAVE vorgeschlagenen Ressourcen zu lesen.

Die Richtlinien der WCAG gelten weithin als Industriestandard, wenn es um Barrierefreiheit geht. Aber es ist eine gute Idee, sich auch die Zugänglichkeits-Checkliste von WebAIM anzusehen. Dieses Tool zielt darauf ab, die offiziellen Spezifikationen der WCAG 2.1 zusammenzufassen.

4. Installieren Sie Plugins, die die ADA-Compliance von WordPress verbessern

Viele verschiedene Plugins und Tools im WordPress-Repository versprechen, Sie zur Einhaltung von WordPress ADA zu führen. Mit WP ADA Compliance Check Basic können Sie beispielsweise Ihre gesamte Website schnell auf Probleme mit der Barrierefreiheit scannen.

WP ADA Compliance Check Basic

Dieses nützliche Plugin schlägt Ressourcen vor, die mehr Informationen zu jedem erkannten Problem liefern, ähnlich wie das WAVE-Tool. Aber damit erhalten Sie auch einen direkten Link zum betroffenen Code. Dies ist äußerst nützlich, wenn Sie komplexe Probleme mit der Barrierefreiheit lösen müssen.

Ein weiteres zu berücksichtigendes Tool ist das Plugin Accessibility Checker. Dieses Plugin versucht, die WordPress-spezifische Version von WAVE zu sein, während es Ihnen ermöglicht, Ihre gesamte WordPress-Site vom Dashboard aus zu scannen.

Equalize Digital Accessibility Checker

Als Eigentümer einer WordPress-Website gibt es viele verschiedene Möglichkeiten, eine Website zugänglicher zu machen. Die Wahl des falschen Themas zum Ausführen Ihrer Website kann jedoch alle Ihre Bemühungen zunichte machen.

Das Theme-Repository von WordPress.org ist mit Themes gefüllt, die von Profis entworfen wurden. Allerdings übersehen selbst die erfahrensten WordPress-Designer manchmal wichtige Prinzipien in Bezug auf ADA-Konformität und Zugänglichkeit.

WP-Zugänglichkeit

Um dieses Problem zu lösen, behebt das Plugin WP Accessibility Probleme, die in WordPress-Designs auftreten. Nachdem Sie das Plugin heruntergeladen und aktiviert haben, sollten Sie im WordPress-Dashboard zu Einstellungen > WP-Barrierefreiheit navigieren.

Dort sehen Sie verschiedene Einstellungen, die sich auf die Barrierefreiheit der Website beziehen, die Sie ein- und ausschalten können. Dies hängt davon ab, wie Ihr Thema eingerichtet ist.

Zu den Einstellungen gehört das Hinzufügen einer Gliederung zum link :focus -Status für eine verbesserte Tastaturnavigation und das Bereitstellen weiterer Informationen zu Bildinhalten mit longdesc .

Verwenden Sie kein Barrierefreiheits-Overlay

Es ist wichtig, sich daran zu erinnern, dass es keine echten Plug-and-Play-Lösungen gibt, die eine vollständig barrierefreie, ADA-konforme Website erstellen. Einige Plugins können behaupten, Plug-and-Play zu sein, aber das ist nicht möglich. Compliance-Plugins eignen sich perfekt, um Websites auf Probleme zu scannen und Optimierungen vorzunehmen, um die Probleme zu beheben. Aber achten Sie auf Plugins, die versuchen, einen Overlay-Ansatz zu verwenden. Achten Sie auch auf Plugins, die behaupten, dass sie 100% WordPress ADA-Konformität bieten, nur indem Sie das Plugin herunterladen und aktivieren.

Diese „Zugänglichkeitsüberlagerungen“ sollten vermieden werden.

Es ist an der Zeit, eine WordPress-Site zu erstellen, die ADA-konform ist

Deine WordPress-Seite für jedermann zugänglich zu machen, ist offensichtlich das Richtige als Seitenbesitzer. Aber es schützt Sie auch vor möglichen rechtlichen Konsequenzen.

Und indem Sie sicherstellen, dass Ihre Website ADA-konform ist, erweitern Sie automatisch Ihren potenziellen Kundenstamm.

Um die Schritte zum Erstellen einer WordPress ADA-kompatiblen Website zusammenzufassen:

1. Verstehen Sie, wie eine Website aussieht, die bereits ADA-konform ist.
2. Überprüfen Sie Ihre eigene Website, um zu verstehen, wie konform sie bereits ist. Dies kann mit einem WAVE-Tool (Website Accessibility Evaluation) erfolgen.
3. Befolgen Sie die bereits bewährten Best Practices zum Erstellen barrierefreier Websites.
4. Installieren Sie WordPress-Plugins wie WP Accessibility und WP ADA Compliance Check Basic.

An diesem Punkt sind Sie auf dem besten Weg, eine WordPress ADA-konforme Website zu besitzen, die Ihre Benutzer lieben werden.

Laden Sie Kadence Theme & Kadence Blocks herunter, um effektive Websites zu erstellen

Wenn Sie es lieben, überzeugende Inhalte mit schönem Design zu erstellen, bietet Kadence Blocks Tools, um direkt im nativen WordPress-Editor kreativ zu sein. Profitieren Sie außerdem von unzähligen vorgefertigten Inhalten, die Sie ganz einfach in Ihre Website integrieren können, einschließlich einer Wireframe-Bibliothek mit Blöcken, die Ihnen den Einstieg in Ihr nächstes Webdesign erleichtern. Ideal für Inspiration und schnelle Entwicklung!

jetzt downloaden

Dan Knauss

Dan Knauss ist StellarWPs Technical Content Generalist. Er ist Autor, Lehrer und Freiberufler, der seit Ende der 1990er Jahre mit Open Source und seit 2004 mit WordPress arbeitet.