Klagen wegen Barrierefreiheit im Internet: 4 Beispiele aus der Praxis und wichtige Erkenntnisse

Veröffentlicht: 2023-04-24

In den USA leben über 61 Millionen Menschen mit Behinderungen (CDC). Der Ausschluss eines so großen Teils der Bevölkerung ist eine enorme unternehmerische Chance. Das Erstellen barrierefreier Websites ist aus moralischen und rechtlichen Gründen von größter Bedeutung. Barrierefreies Design als Teil Ihrer Webdesign-Dienstleistungen anzubieten, ist ein großer Mehrwert für Ihre Kunden und kann Sie sicherlich von Ihren Mitbewerbern abheben.

Digitale Zugänglichkeit beginnt mit dem Aufbau einer unglaublichen Website. Laden Sie den „6-Schritte-Leitfaden für den Verkauf von Website-Diensten an lokale Unternehmen“ herunter, um noch heute damit zu beginnen, Ihren Kunden Barrierefreiheit zu bieten.

In diesem Artikel stellen wir die wichtigsten Punkte des Americans With Disabilities Act (ADA) vor und stellen einige Websites vor, gegen die Klagen wegen Barrierefreiheit geführt wurden. Darüber hinaus stellen wir einige Tipps und Best Practices zur Verfügung, mit denen Sie kostspielige rechtliche Probleme vermeiden und sicherstellen können, dass die Websites Ihrer Kunden für Benutzer zugänglich bleiben.

Inhaltsverzeichnis

  • Warum ist Barrierefreiheit im Internet wichtig?
  • Was ist der Americans with Disabilities Act (ADA)?
  • Beispiele aus der Praxis für Klagen wegen Barrierefreiheit im Internet
    • Dominos Pizza gegen Guillermo Robles
    • Mary Conner gegen Parkwood Entertainment
    • Gil gegen Winn-Dixie
    • National Association of the Deaf vs. Harvard + MIT
  • Tipps zum Website-Design und Best Practices für Barrierefreiheit
    1. WCAG 2.1-Richtlinien verstehen
    2. Entwerfen für Tastaturzugänglichkeit
      • Tastaturfokus
      • Tab-Reihenfolge
      • Keine Tastaturfallen
    3. Bereitstellen von Alt-Text für Bilder
      • Tipps zum Erstellen effektiver Alt-Texte
    4. Verwenden Sie einen geeigneten Farbkontrast
    5. Vermeidung von unzugänglichen Inhalten
    6. Testen der Zugänglichkeit der Website
  • Häufig gestellte Fragen
    • Was ist eine Zugänglichkeitsklage?
    • Was ist die größte Klage zur Barrierefreiheit?

Warum ist Barrierefreiheit im Internet wichtig?

Die Barrierefreiheit im Internet ist ein kritischer Punkt, den Sie bei der Entwicklung von Websites für Ihre Kunden berücksichtigen müssen, da bei unzugänglichen Websites die Gefahr besteht, dass Besucher mit Behinderungen wie Hör- oder Sehbehinderungen ausgeschlossen werden. Dies ist nicht nur eine Form der Diskriminierung, sondern schränkt auch das Geschäftswachstum Ihres Kunden ein, indem es eine Gruppe potenzieller Kunden ausschließt.

Darüber hinaus kann die digitale Barrierefreiheit ein rechtliches Problem darstellen. Der Americans With Disabilities Act (ADA) legt fest, dass es eine Form der Diskriminierung ist, keine Vorkehrungen für Menschen mit Behinderungen zu treffen. Daher werden Klagen wegen Barrierefreiheit von Websites immer häufiger. Im Jahr 2022 wurden in den USA über 3.200 Klagen wegen Barrierefreiheit von Websites eingereicht (Codemantra). Für nicht konforme Unternehmen bedeuten diese Klagen enorme Anwaltskosten, Bußgelder und schlechte Presse, weil sie es versäumt haben, eine barrierefreie Website bereitzustellen.

Was ist der Americans with Disabilities Act (ADA)?

Der Americans with Disabilities Act wurde entwickelt, um Menschen mit Behinderungen vor Diskriminierung zu schützen. Das ADA wurde 1990 in Kraft gesetzt und verbietet Diskriminierung bei Beschäftigung, Transport, öffentlichen Unterkünften (Geschäfte, Restaurants, Bürogebäude usw.), Kommunikation und mehr. Unter dem ADA sind Websites und andere Kommunikationsplattformen verpflichtet, Vorkehrungen für Menschen mit Behinderungen zu treffen.

Die Web Content Accessibility Guidelines (WCAG) wurden von der Web Accessibility Initiative (WAI) entwickelt, um einen internationalen Standard für die Barrierefreiheit von Webinhalten festzulegen. Es wurde erstellt, um die ADA einzuhalten und das Surferlebnis für Menschen mit Behinderungen zu verbessern. Diese Richtlinien helfen Webdesignern, die verschiedenen Vorkehrungen zu treffen, die für Menschen mit Behinderungen getroffen werden müssen, um sicherzustellen, dass sie Websites frei durchsuchen können. Sie sind der Goldstandard, wenn es um die Gestaltung barrierefreier Websites geht.

Beispiele aus der Praxis für Klagen wegen Barrierefreiheit im Internet

Wenn Sie der Meinung sind, dass die Wahrscheinlichkeit, von einer Klage zur Barrierefreiheit des Internets betroffen zu werden, gering ist, denken Sie noch einmal darüber nach. Diese Klagen werden immer häufiger und können Unternehmen jeder Größe betreffen. Hier sind einige aktuelle Beispiele, die Sie beachten sollten.

Dominos Pizza gegen Guillermo Robles

Im Jahr 2016 reichte ein blinder Mann namens Guillermo Robles eine Klage gegen die Pizzakette Domino’s ein, nachdem er mehrere erfolglose Versuche unternommen hatte, eine benutzerdefinierte Pizza über ihre Online-Plattform zu bestellen. Selbst mit Hilfe einer Bildschirmlesesoftware konnte Robles keine Online-Bestellung aufgeben. Robles zitierte die ADA in der Klage und bestand darauf, dass Domino's verpflichtet sei, seine Website für Menschen mit Behinderungen zugänglich zu machen, da es sich um ein Unternehmen mit physischen Standorten (öffentlichen Unterkünften) handele.

Domino's wehrte sich und behauptete, dass es keine klaren Richtlinien für die Unterbringung der ADA auf Webplattformen gebe, da diese in ihrer jetzigen Form bei Inkrafttreten des Gesetzes im Jahr 1990 noch nicht existierten.

Letztendlich stellte sich der Oberste Gerichtshof auf die Seite von Robles. Im Juni 2021 entschied ein Richter, dass Domino's gegen die ADA verstoßen hatte, indem es keine vollständig zugängliche Website bereitgestellt hatte, und das Unternehmen wurde angewiesen, seine Website mit den WCAG 2.0-Standards in Einklang zu bringen.

Mary Conner gegen Parkwood Entertainment

Im Jahr 2019 wurde eine Sammelklage gegen das Parkwood Entertainment-Unternehmen von Beyonce eingereicht, in der behauptet wurde, dass die Website beyonce.com gegen das ADA verstößt, weil sie sehbehinderten Besuchern nicht entgegenkommt.

In der Klage wird argumentiert, dass die Website, eine stark visuelle Plattform, es versäumt habe, auf der gesamten Website angemessenen Alternativtext zu Bildern bereitzustellen, was es blinden Besuchern, die Bildschirmlesesoftware verwenden, unmöglich mache, die Website angemessen zu interpretieren oder über sie einzukaufen. Die Klage listet auch andere Beschwerden über die Website auf, darunter das Fehlen zugänglicher Navigationslinks und Menüs. Der Ausgang dieser Klage steht noch aus.

Gil gegen Winn-Dixie

In einer Klage aus dem Jahr 2017 gegen den Lebensmitteleinzelhändler Winn-Dixie wurde dem Unternehmen vorgeworfen, gegen das ADA verstoßen zu haben. Der Kläger Juan Carlos Gil brachte die Klage ein, nachdem sein Bildschirmlesegerät die Website nicht interpretieren konnte, was ihn daran hinderte, Produkte zu bestellen oder auf seine Kontoprämien zuzugreifen. Der Kläger argumentierte, dass die Website als Ort der öffentlichen Unterbringung angesehen werden sollte und daher den ADA-Richtlinien folgen müsse.

Leider entschieden die Gerichte letztendlich zugunsten von Winn-Dixie und erklärten, dass Kunden, die die Website nicht nutzen konnten, einfach ein Geschäft besuchen könnten. Trotz des Gewinns des Rechtsstreits hat sich Winn-Dixie jedoch verpflichtet, seine Website in Übereinstimmung mit den WCAG 2.0-Standards zu bringen, um sicherzustellen, dass sie in Zukunft vollständig zugänglich ist.

National Association of the Deaf vs. Harvard + MIT

Im Jahr 2015 reichte die National Association of the Deaf (NAD) in Zusammenarbeit mit einzelnen Klägern Klagen gegen Harvard und MIT ein. Diese Klagen behaupteten, dass jede Universität gegen das ADA verstoßen habe, weil sie es versäumt habe, kostenlose Online-Inhalte für gehörlose und schwerhörige Personen gleichermaßen zugänglich zu machen.

Nach mehreren Versuchen beider Universitäten, diese Klagen zur Barrierefreiheit von Websites abzuweisen, wurden ihre Anträge wiederholt von Gerichten abgelehnt. Im Jahr 2020 erzielten beide Klagen Einigungen, in denen sowohl Harvard als auch das MIT verpflichtet sind, öffentlich zugängliche Online-Inhalte zu aktualisieren, damit sie für Personen mit Hörverlust gleichermaßen zugänglich sind.

Tipps zum Website-Design und Best Practices für Barrierefreiheit

Die Barrierefreiheit im Internet ist aus moralischer Sicht wichtig. Mit einer ADA-konformen Website können Ihre Kunden die Diskriminierung eines Teils der Bevölkerung vermeiden. Darüber hinaus schließt eine unzugängliche Website sie von den Vorteilen der Produkte oder Dienstleistungen Ihrer Kunden aus. Befolgen Sie diese Tipps zur Website-Gestaltung, um sicherzustellen, dass Sie bei der Gestaltung von Websites auf digitale Barrierefreiheit achten.

1. WCAG 2.1-Richtlinien verstehen

Das Verständnis der WCAG 2.1-Richtlinien ist der erste Schritt zur Erstellung einer ADA-konformen Website. Die Richtlinien beschreiben empfohlene Unterkünfte für Personen mit einer Vielzahl von Behinderungen, einschließlich Sehbehinderung, Blindheit, Hörverlust, Lichtempfindlichkeit und mehr. Das Dokument entwickelt sich weiter, daher sollte sich jeder, der in der Webentwicklung arbeitet, über Standards für die Barrierefreiheit im Internet auf dem Laufenden halten und darauf vorbereitet sein, sich anzupassen, wenn neue Standards eingeführt werden.

Die WCAG-Richtlinien sind sehr detailliert, aber einige wesentliche Elemente einer barrierefreien Website umfassen Folgendes:

  • Alt-Text, der angemessene Beschreibungen von Website-Bildern und visuellen Elementen bereitstellt
  • Starker Farbkontrast zwischen Website-Text und Hintergrund
  • Die Möglichkeit, eine Website mit einer Tastatur zu durchsuchen (ohne Maus oder Trackpad)
  • Untertitelung von Videoinhalten
  • Und mehr…

Wir werden uns weiter unten ausführlicher mit jedem dieser Elemente befassen, aber dies ist nur der Anfang dessen, was zum Erstellen einer barrierefreien Website erforderlich ist. Lesen Sie die WCAG 2.1-Richtlinien, um sicherzustellen, dass jede Website, die Sie für Kunden erstellen, konform ist.

2. Entwerfen für Tastaturzugänglichkeit

Website-Besucher mit Sehbehinderung oder motorischen Behinderungen haben möglicherweise Schwierigkeiten, eine Computermaus oder ein Trackpad zu verwenden. Stattdessen verlassen sich diese Personen auf die Zugänglichkeit der Tastatur, um auf Websites zu navigieren. Das Folgende sind Schlüsselkomponenten einer tastaturzugänglichen Website.

Tastaturfokus

Tastaturfokuselemente sind Elemente wie Schaltflächen, Links, Kontrollkästchen oder Felder, die mit einer Tastatur ausgelöst oder aktiviert werden können. Auf einer tastaturzugänglichen Website kann ein Benutzer jedes dieser Elemente ausschließlich über die Tastatur steuern. Der Tastaturfokus bezieht sich auf eine visuelle Anzeige, dass ein bestimmtes Element ausgewählt ist, z. B. eine farbige Umrandung um ein Textfeld oder eine Schaltfläche. Dieser Fokusindikator ist unerlässlich, um Einzelpersonen dabei zu helfen, zu erkennen, welches Element der Website sie zu einem bestimmten Zeitpunkt manipulieren.

Tab-Reihenfolge

Die Tabulatortaste wird verwendet, um von einem Tastaturfokuselement zum nächsten zu navigieren. Eine logische Tab-Reihenfolge ist entscheidend, um eine positive Benutzererfahrung für Personen aufrechtzuerhalten, die sich auf Tastatureingabehilfen verlassen. In den meisten Fällen sollte die Tab-Reihenfolge mit dem visuellen Fluss der Seite übereinstimmen. Mit anderen Worten: Elemente sollten in der Reihenfolge ausgewählt werden, in der sie auf der Seite erscheinen. Die intuitivste Tab-Reihenfolge kann jedoch je nach Seitendesign variieren.

Keine Tastaturfallen

Der Ausdruck „Tastaturfalle“ bezieht sich auf Fehler, die beim Navigieren auf einer Website mit einer Tastatur auftreten können. Wenn ein Benutzer beispielsweise nicht von einem bestimmten Fokuselement weg navigieren kann, wird dies als Tastaturfalle betrachtet. Es ist wichtig, jeden Aspekt einer Website gründlich zu testen, einschließlich Popup-Fenster, Widgets, Galerien und mehr, um sicherzustellen, dass die Website frei von Tastaturfallen ist. Vergessen Sie nicht, auch auf leeren Zustandsseiten auf Tastaturfallen zu testen, da diese für das Surferlebnis unerlässlich sind.

3. Bereitstellen von Alt-Text für Bilder

„Alt-Text“ oder alternativer Text ist ein beschreibender Ausdruck oder Satz, der in die Metadaten von Bildern auf einer Website eingebettet ist. Personen mit Sehbehinderung verwenden Screenreader-Software, um Websites zu durchsuchen, und diese Screenreader verlassen sich auf Alt-Text, um die visuellen Elemente einer Website zu beschreiben. Alt-Text sollte in jedes nicht ornamentale Bild auf einer Website eingefügt werden, einschließlich redaktioneller Bilder, Grafiken, Infografiken, Diagramme, Illustrationen und Symbole.

Tipps zum Erstellen effektiver Alt-Texte

In den meisten Fällen sollte der Alt-Text kurz und prägnant sein und gleichzeitig Kontext für das Bild bieten. Angenommen, Sie beschreiben ein Foto von zwei Hunden, die auf einer Website über Labrador Retriever zerren. Ein Beispiel für einen effektiven Alt-Text wäre „Zwei Labradore spielen Schlepper“. Dieser Text beschreibt das Bild genau und stellt Kontext bereit, indem er die Rasse der Hunde im Bild angibt.

Bei komplexeren visuellen Elementen wie Diagrammen oder Grafiken sind möglicherweise zwei oder drei Sätze Alternativtext erforderlich, um zu kommunizieren, was die Grafik zeigt. Wenn die Grafik beispielsweise das Durchschnittsgewicht eines Labrador Retrievers basierend auf dem Alter zeigt, könnte der Alt-Text lauten: „Eine Grafik zeigt, dass Labrador Retriever mit vier Monaten normalerweise X Pfund wiegen, mit neun Monaten X Pfund …“

Stellen Sie beim Schreiben von Alt-Text sicher, dass die Beschreibung ausreichend Informationen enthält, damit jemand versteht, was das Bild vermittelt, auch wenn er es nicht sehen kann.

4. Verwenden Sie einen geeigneten Farbkontrast

Das Integrieren eines angemessenen Farbkontrasts zwischen Text und Webseitenhintergründen ist für die Barrierefreiheit im Internet von entscheidender Bedeutung. Wenn der Farbkontrast nicht stark genug ist, können sehbehinderte Benutzer Schwierigkeiten haben, die Website effektiv zu lesen und darin zu navigieren. Dies führt nicht nur zu einer schrecklichen Benutzererfahrung, sondern macht den Websitebesitzer auch anfällig für eine Klage wegen Website-Zugänglichkeit.

Wenn der Farbkontrast auf einer Website zu gering ist, können Personen mit Sehbehinderung möglicherweise Schwierigkeiten beim Lesen von Text haben, was zu einer schlechten Benutzererfahrung führt. Die WCAG 2.1-Richtlinien empfehlen ein Kontrastverhältnis von 4,5:1 für normalen Text und ein Kontrastverhältnis von 3:1 für großen Text auf einer Website.

Die WCAG 2.1-Richtlinien enthalten auch Empfehlungen zum Farbkontrast. Wenn Sie sich nicht sicher sind, ob die Schrift- und Hintergrundfarbe einer von Ihnen gestalteten Website ausreichend Kontrast bietet, können Sie mit Online-Tools den Check durchführen. Eine schnelle Google-Suche nach „Website Accessibility Checker“ bietet mehrere Optionen. Denken Sie daran, Farbkontrasten Vorrang vor trendigen Farben oder Designs zu geben, wenn Sie Kunden Website-Design-Dienstleistungen anbieten.

5. Vermeidung von unzugänglichen Inhalten

Alle Inhalte auf einer Website müssen für Menschen mit Behinderungen zugänglich sein, daher die Anforderungen an Farbkontrast und Alt-Text. Wenn eine Website Videoinhalte hostet, sollten die Videos Audiobeschreibungen oder Untertitel enthalten, um die Inhalte für Benutzer mit Hörbehinderung zugänglich zu machen. Glücklicherweise stehen viele Transkriptionsdienste zur Verfügung, um Videoinhalte zu transkribieren, und Dienste wie Rev und Otter Ai machen es einfach und erschwinglich, Videountertitel zu beschaffen.

Da heutzutage so viele Website-Besucher auf Mobilgeräten surfen, schätzen sogar Personen ohne Hörbehinderung Untertitel in Videos. Untertitel ermöglichen es Benutzern, Videoinhalte an öffentlichen Orten zu konsumieren, an denen Audio störend oder schwer zu hören sein kann. Vor diesem Hintergrund kann das Einfügen von Untertiteln in Ihre Videos Ihre Aufrufe erhöhen, da sie einfacher zu konsumieren sind.

6. Testen der Zugänglichkeit der Website

Es ist eine Sache, eine barrierefreie Website zu entwerfen, und eine andere, sie zu durchsuchen, während sich jemand auf Barrierefreiheitsfunktionen verlässt. Das Testen der Barrierefreiheit der Website ist unerlässlich, um sicherzustellen, dass die Website für Menschen mit Behinderungen wirklich funktionsfähig ist. Dies schützt Ihre Kunden nicht nur vor Klagen wegen Website-Zugänglichkeit, sondern verhindert auch, dass sie versehentlich Kunden mit Behinderungen ausschließen.

Website-Barrierefreiheitsprüfer sind eine großartige Möglichkeit, Barrierefreiheitsprobleme mit der Website eines Kunden zu lokalisieren. Tools wie EqualWeb und AccessiBe sind nur einige Beispiele für die zahlreichen Barrierefreiheitsprüfer, die es gibt. Diese Tools scannen Websites und identifizieren Compliance-Probleme, die Sie dann beheben können, um sicherzustellen, dass die Website ADA-konform ist.

Verschiedene Zugänglichkeitsprüfer verwenden unterschiedliche Konformitätsstandards als Grundlage für ihre Scans, stellen Sie also sicher, dass Sie einen auswählen, der nach ADA- und WCAG 2.1-Konformität scannt. Andernfalls erfasst der Prüfer möglicherweise nicht alle Barrierefreiheitsprobleme, die Sie berücksichtigen müssen.

Häufig gestellte Fragen

Was ist eine Zugänglichkeitsklage?

Eine Klage zur Barrierefreiheit einer Website ist eine Klage gegen einen Websitebesitzer, dessen Website die ADA-Richtlinien zur Barrierefreiheit im Internet nicht einhält. Ein Unternehmen oder eine Einzelperson kann nämlich verklagt werden, wenn ihre Website für Menschen mit Behinderungen nicht zugänglich ist.

Was ist die größte Klage zur Barrierefreiheit?

Die bisher größte Klage gegen Barrierefreiheit war die National Federation of the Blind v. Target Corporation. Die Klage wurde 2018 mit 6 Millionen US-Dollar beigelegt.