So machen Sie Ihre Website ADA-konform und überprüfen Ihren Web-Zugänglichkeitsstatus

Muss Ihre öffentlich zugängliche Website ADA-konform sein? Die kurze Antwort lautet ja, und sie ist jetzt wichtiger denn je. Ihre Website zugänglich zu machen (und zu halten), schützt Ihr Unternehmen und gibt allen Benutzern die gleiche Chance, von Ihren Ressourcen zu profitieren. Die Nichteinhaltung des ADA kann schwerwiegende rechtliche Konsequenzen haben – und die Bereitstellung einer besseren, gerechteren Benutzererfahrung erhöht die Kundenzufriedenheit – daher ist es wichtig zu wissen, wo Ihre Website Mängel aufweist, und der Behebung der Probleme Priorität einzuräumen.

Was ist ADA-Compliance?

Der ADA ist der Americans with Disabilities Act. Dieses ursprünglich 1990 verabschiedete Bürgerrechtsgesetz umfasst ein breites Spektrum an Schutzmaßnahmen gegen Diskriminierung aufgrund einer Behinderung. Bestimmte Bestimmungen wie die Verpflichtung des Arbeitgebers, angemessene Vorkehrungen für Arbeitnehmer zu schaffen, und Bauvorschriften, die rollstuhlgerechte Ein- und Ausgänge vorschreiben, sind Ihnen wahrscheinlich am besten vertraut.

Das Gesetz erstreckt sich aber auch auf das Internet. Eine barrierefreie Website ist eine Website, auf der jeder Benutzer unabhängig von seiner Behinderung navigieren kann. Ihre Benutzer haben möglicherweise unterschiedliche Seh-, Hör- oder motorische Fähigkeiten, daher ist es wichtig, eine Website zu erstellen, die für Personen zugänglich ist, die Bildschirmlesegeräte, Sprachnavigation und andere unterstützende Technologien verwenden.

Muss meine Website ADA-konform sein?

Gemäß den ADA-Vorschriften müssen öffentlich zugängliche Websites für Behörden und Unternehmen bestimmte Zugänglichkeitsstandards einhalten. Wenn Sie eine öffentlich zugängliche Website haben, können Sie davon ausgehen, dass Ihre Website ADA-konform sein muss.

Der knifflige Teil ist, dass die ADA kein offizielles Regelwerk für Websites hat. Stattdessen heißt es einfach, dass seine Zugänglichkeitsregeln sowohl für Websites als auch für physische Standorte gelten. Dies kann es schwierig machen zu wissen, was Sie tun müssen, um Ihre Website konform zu halten.

Ein guter Ausgangspunkt sind die Richtlinien für barrierefreie Webinhalte (WCAG) . Obwohl dies nicht offiziell Teil der ADA ist, ist die Befolgung der WCAG nach anderen Gesetzen obligatorisch und deckt viele der grundlegenden Vorkehrungen ab, die im Rahmen einer ADA-Klage zur Sprache gebracht werden könnten.

Dennoch kann es in vielen Fällen ein Vollzeitjob sein, über Ihre ADA-Compliance auf dem Laufenden zu bleiben. Einige Unternehmen entscheiden sich für einen professionellen Service, um den Überblick über ihre Website zu behalten und mit den neuesten Anforderungen im Bereich barrierefreies Webdesign Schritt zu halten.

Machen Sie Ihre Website in 10 Schritten ADA-konform

Sie sind sich nicht sicher, wie Sie mit der Verbesserung der Zugänglichkeit Ihrer Website beginnen sollen? Es gibt einige allgemeine erste Schritte, die jeder unternehmen sollte, um sicherzustellen, dass allen Benutzern fairer Zugriff gewährt wird. Wir werden diese detaillierter durchgehen, aber auf einen Blick sind Ihre obersten Prioritätsbereiche gemäß den WCAG die Gestaltung Ihrer Website:

• Wahrnehmbar : Vorkehrungen für Menschen mit Sehbehinderung treffen.
• Bedienbar : Erleichtern Sie die Navigation auf Ihrer Website mit jedem wichtigen Werkzeug (nicht nur mit der Maus).
• Verständlich : Gestalten Sie Inhalte leicht verständlich und stellen Sie Berührungspunkte bereit, um Unterstützung anzufordern.
• Robust : Stellen Sie sicher, dass Ihre Website mit Hilfstechnologien kooperiert und von verschiedenen Plattformen und Geräten aus aufgerufen werden kann.

1. Überprüfen Sie Ihre Webzugänglichkeit

Bevor Sie Änderungen vornehmen, sollten Sie sich einige Basisdaten zu Ihrer Website besorgen. Die Überprüfung Ihrer Webzugänglichkeit ist schnell und einfach. Wenn Sie alles selbst anpacken möchten, gibt es eine Reihe von Online-Tools, mit denen Sie jetzt beginnen können. Viele professionelle Anbieter von Barrierefreiheitslösungen haben sogar kostenlose Tools für die Barrierefreiheit von Websites, mit denen Sie den Stand Ihrer Website einschätzen können.

Es ist erwähnenswert, dass Sie wahrscheinlich einige Zugänglichkeitsprobleme auf Ihrer Website finden werden, es sei denn, Sie arbeiten bereits aktiv daran, die ADA- oder WCAG-Standards einzuhalten. Mit anderen Worten, ein Diagnosetest wird wahrscheinlich zeigen, dass Ihre Website Probleme hat. Das ist in Ordnung – die meisten tun es. Das Gute an der Durchführung eines Barrierefreiheitsscans ist, dass Sie eine bessere Vorstellung vom Umfang der damit verbundenen Arbeit bekommen und herausfinden, wie Sie einen Aktionsplan erstellen.

2. Das Gesetz verstehen

Es stimmt zwar, dass die ADA keine spezifische Sprache für Websites hat, aber Sie können auf ihrer offiziellen Website über ihre Erwartungen an das Webdesign nachlesen. Stellen Sie sicher, dass Sie sich die Zeit nehmen, Regierungsseiten wie ADA.org zu erkunden, um offizielle Meldungen zur Website-Compliance zu sehen. Es ist wichtig, die Gründe und Motivationen für die ADA-Compliance direkt von der Quelle zu verstehen.

3. Machen Sie Ihre Site Screenreader-kompatibel

Screenreader nehmen Bildschirmtext und kommentieren oder geben eine Braille-Transkription aus, die es Benutzern ermöglicht, auf alternative Weise mit Ihren Inhalten zu interagieren. Dies ist für viele verschiedene Benutzer mit einer Vielzahl von Unterschieden von entscheidender Bedeutung. Sehbehinderungen sind normalerweise das Erste, woran wir bei Screenreadern denken, aber diese Hilfstechnologien sind auch für manche Menschen mit Lese- und Lernschwierigkeiten äußerst hilfreich.

Sie können eine Menge tun, um Ihre Website für Screenreader zugänglicher zu machen, und viele davon sind auch Best Practices, um ein angenehmes Benutzererlebnis zu bieten:

• Machen Sie den Ankertext spezifisch
• Wenn Sie ein CTA-Feld mit der Aufschrift „Klicken Sie hier“ präsentieren, wird ein Screenreader dies einfach angeben, ohne einen anderen Kontext darüber bereitzustellen, was die Schaltfläche bewirkt. Wenn Sie es spezifischer machen – denken Sie an etwas wie „Request A Demo“ (Fordern Sie eine Demo an) –, weiß der Benutzer genau, wohin ihn dieser Link führt.
• Optimieren Sie den Seiteninhalt
• Überladen Sie die Seite nicht mit mehr als nötig. Versuchen Sie, die Dinge so einfach wie möglich zu halten, damit Personen, die Screenreader verwenden, effizient auf Ihrer Website navigieren können.
• Verwenden Sie das richtige HTML
• Screenreader müssen sich den Code ansehen, um zu verstehen, was sie lesen. Das bedeutet, dass Überschriften mit H1, H2 usw. codiert werden sollten und Zahlenlisten und -tabellen mit bestimmten Funktionen erstellt werden sollten. Wenn Sie eine Liste oder Tabelle manuell erstellen, verlassen Sie sich wahrscheinlich auf die Visualisierung – dies ist für einen Screenreader möglicherweise nicht klar.

4. Verwenden Sie kontrastreiche Designs

Kontrastarme Texte und Hintergründe können für jeden Benutzer schwer lesbar sein, sind jedoch besonders problematisch für Benutzer mit Farbenblindheit und anderen Sehbehinderungen. Wenn Ihre Schaltflächen und Banner bereits gemäß den Markenrichtlinien gestaltet sind, müssen Sie möglicherweise einige Änderungen vornehmen, damit sie für alle Benutzer sichtbar sind.

Glücklicherweise können Sie den Farbkontrast quantifizieren. Die WCAG hat minimale Kontrastspezifikationen, obwohl im Allgemeinen mehr Kontrast besser ist. Streben Sie bei kleinem Text einen Kontrast von mehr als 4:5:1 an. Zielen Sie bei größerem Text auf über 3:1. Zum Glück gibt es ein hervorragendes und kostenloses Farbkontrast-Tool , mit dem Ihr Team integrative Erlebnisse schaffen kann.

5. Bieten Sie zusätzliche Hinweise über die Farbe hinaus

Für Menschen, die möglicherweise blind oder sehbehindert sind, stellen Sie sicher, dass Sie Farbe nicht als alleinigen Indikator für die Bedeutung verwenden. Beispielsweise möchten Sie möglicherweise Vor- und Nachteile eines Produkts auflisten. Stellen Sie sicher, dass diese deutlich gekennzeichnet sind und nicht nur mit grüner oder roter Schrift kontrastiert werden. Dies kann jenseits von Tests in vielen verschiedenen Designsituationen auftauchen – denken Sie an Schaltflächen und CTAs – daher ist es wichtig, Seiten mit Blick auf farbenblinde und sehbehinderte Benutzer zu entwickeln.

6. Verwenden Sie beschreibenden Alt-Text für Bilder

Alt-Text ist sowohl für die Zugänglichkeit als auch für SEO enorm wichtig, sodass Sie vielleicht bereits verstehen, warum er wichtig ist. Auf der SEO-Seite kann Alt-Text Suchmaschinen dabei helfen, zu verstehen, was in einem Bild enthalten ist und wie es sich auf den Rest Ihres Inhalts bezieht. Dies ist entscheidend für die Bildsuche, aber auch wichtig für die herkömmliche Suche.

Alt-Text funktioniert auf der Barrierefreiheitsseite genauso. Screenreader erzählen Alt-Text, sodass diese Benutzer nur über Ihre Alt-Text-Beschreibungen auf Ihre visuellen Inhalte zugreifen können. Halten Sie diese knapp, aber beschreibend, und versuchen Sie, darüber nachzudenken, was die Leute von Ihren Bildern mitnehmen sollen.

7. Geben Sie Videos immer mit Untertiteln an

Viele der bisher besprochenen Anpassungen waren visuell, aber es gibt auch einige kritische Überlegungen zur Audio-Zugänglichkeit. In Videos kommt dies im Allgemeinen am häufigsten vor, und da wir Videos immer häufiger als Medium verwenden, wird es immer wichtiger, sicherzustellen, dass wir Inhalte erstellen, die jeder Benutzer zu schätzen weiß.

Die Verwendung von Untertiteln ist eine einfache Methode, um sicherzustellen, dass Nutzer Ihre Videos nicht hören müssen, um Ihre Inhalte zu verstehen. Dies ist großartig für Benutzer mit Hörbehinderungen, kann aber auch Benutzern mit sensorischen Verarbeitungsschwierigkeiten zugute kommen, die möglicherweise Audioeingaben vermeiden möchten.

8. Aktivieren Sie Ihre Website für die Tastaturnavigation

Nicht jeder kann mit einer Maus, einem Trackpad oder einem Touchscreen im Internet navigieren (obwohl es wichtig ist, dass Sie Ihre Website auch für diese optimieren.) Einige Benutzer müssen Ihre Website nur mit einer Tastatur navigieren Berücksichtigen Sie dies, wenn Sie Webseiten neue Elemente hinzufügen.

HTML-Funktionen funktionieren normalerweise bereits mit der Tastaturnavigation , aber wenn Sie etwas Anpassbareres wie CSS verwenden möchten, müssen Sie möglicherweise ein wenig zusätzliche Arbeit leisten, um die Seite barrierefrei zu machen.

Im Allgemeinen navigieren Benutzer auf Ihrer Website mit einigen Kerntasten: Tab, Umschalt, Eingabe/Return, Escape sowie die Leertaste und die Pfeiltasten. Stellen Sie sicher, dass Benutzer mithilfe der Tabulatortaste mit Elementen auf der Seite interagieren können. Es gibt auch besondere Überlegungen für die Verwendung von Seitenelementen wie Dropdown-Menüs, Widgets und Plugins, da einige davon möglicherweise zusätzliche Schritte erfordern, um sie tastaturfreundlich zu machen.

9. Gewährleistung der Konformität mit einer Drittanbieterlösung

Es ist kompliziert, mit den neuesten Richtlinien zur ADA-Compliance Schritt zu halten, und bestimmte Implementierungsschritte können den Rahmen der üblichen Arbeit Ihres Teams sprengen. Wenn Sie Ihre Website testen und feststellen, dass sie nicht zugänglich ist – und Sie nicht die Zeit oder die Ressourcen haben, um die Probleme selbst zu beheben – gibt es Lösungen von Drittanbietern, die Ihnen helfen können. Dazu gehören Agenturen, die Probleme mit der Barrierefreiheit diagnostizieren und Lösungen empfehlen, aber Sie sollten auch eine Partnerschaft mit einem anderen Partner in Betracht ziehen, der Ihnen bei der Implementierung dieser Änderungen helfen kann.

Wenn Sie daran interessiert sind, mit einem Partner zusammenzuarbeiten, kann TPGi Ihnen bei der Prüfung Ihrer Website helfen, eine Roadmap für Barrierefreiheit für Ihr Team entwickeln und einen Entwickler für die Implementierung von Korrekturen empfehlen.

10. Bleiben Sie mit Ihrer Web-Compliance auf dem Laufenden

Barrierefreiheit ist kein einmaliges Projekt. Wie SEO ist Zugänglichkeit ein iterativer Prozess, der ständige Wartung und kontinuierliche Anstrengungen erfordert, um erfolgreich zu sein. Selbst wenn Sie Ihre gesamte Website mit einem feinen Zahnkamm durchgesehen und sichergestellt haben, dass Sie konform sind, müssen Sie dennoch wachsam sein, wenn Sie neue Inhalte erstellen oder eine alte Seite auf Ihrer Website aktualisieren. Wenn nicht, könnten Sie neue Barrierefreiheitsprobleme einführen. Überwachungstools wie ARC Monitoring machen dies etwas einfacher und können dazu beitragen, dass Sie nicht ins Hintertreffen geraten.

FAQs auf der Website ADA-Compliance

Ist die Einhaltung der ADA-Website obligatorisch?

Der Americans with Disabilities Act enthält keine Formulierungen oder Vorschriften, die speziell auf Website-Richtlinien verweisen, aber öffentlich zugängliche Unternehmens-Websites müssen zugänglich sein . Unternehmen, die sich nicht daran halten, können mit schweren Gerichtsverfahren rechnen.

Sind Websites, die auf beliebten Webhosting-Diensten erstellt wurden, automatisch konform?

Die Verwendung eines Webhosting-Dienstes wie Weebly, WordPress, Wix und GoDaddy zum Erstellen Ihrer Website bedeutet nicht automatisch, dass Sie ADA-konform sind . Viele dieser Tools können das Erreichen von Compliance erleichtern, aber wenn Sie Ihre Website erstellt haben, ohne besonders auf Barrierefreiheit zu achten, besteht eine gute Chance, dass Sie einige Probleme angehen müssen.

In welchen Gesetzen wird die Einhaltung der ADA-Website behandelt?

Der Americans with Disabilities Act ist das wichtigste US-Gesetz, das Barrierefreiheit regelt. Leider bietet das Gesetz keine umfassenden Richtlinien für die Pflege einer konformen Website. Die offizielle Website der Regierung bietet zwar Ressourcen zur Unterstützung bei der Einhaltung , aber viele Website-Eigentümer verwenden die Richtlinien für barrierefreie Webinhalte (WCAG) , um allgemeine Probleme mit der Barrierefreiheit zu vermeiden.

Wie teste ich die ADA-Konformität meiner Website?

Es gibt viele kostenlose Online-Quellen, die Sie verwenden können, um Ihre Compliance zu überprüfen. Viele professionelle Dienste bieten kostenlose Tools, die Ihnen den Einstieg erleichtern. Sehen Sie sich die Website-Barrierefreiheitstools von TPGi an, um loszulegen.

Was ist die Strafe für die Nichteinhaltung der ADA-Standards?

Gerichtsverfahren werden zu einer immer häufigeren Strafe für Unternehmen, die die ADA-Standards nicht einhalten. Unter dem ADA sind diese als Titel-III-Klagen bekannt, und einige Anwaltskanzleien sind jetzt auf die Verfolgung dieser Fälle spezialisiert. Wenn Sie wegen Problemen mit der Barrierefreiheit gerufen werden, drohen hohe Bußgelder und die Möglichkeit, vor Gericht zu landen.

Halten Sie Ihre Website für alle zugänglich

Es ist entscheidend, Ihre Website ADA-konform zu machen, um der finanziellen und rechtlichen Gesundheit Ihres Unternehmens willen – und um Ihrer vielen Benutzer willen, die sich auf barrierefreie Designs verlassen, um im Internet zu navigieren. Compliance kann kompliziert sein. Wenn Sie sich also nicht sicher sind, ob Sie die Probleme Ihrer Website unabhängig diagnostizieren und lösen können, kann es sinnvoll sein, sich an einen Partner zu wenden. Die Folgen einer ADA-Klage können ziemlich heftig sein, und eine barrierefreie Website öffnet Ihr Unternehmen für mehr Kunden und Klienten. Schauen Sie sich die Barrierefreiheitslösungen von TPGi an, um professionelle Unterstützung beim Einstieg zu erhalten.