Leitfaden für Anfänger zu Was ist Website-Compliance mit ADA?

Einführung auf der Website ADA-Compliance

Das American Disabilities Act wurde vor der Ära des Internets entworfen, seine Designer haben es absichtlich entworfen, um sich weiterzuentwickeln. Der Begriff „Orte oder öffentliche Unterkünfte“ kann ein Kernelement des Gesetzes und ein ideales Beispiel für seine Flexibilität sein. Da sich die Technologie weiterentwickelt hat, stellen wir heute fest, dass Websites und mobile Apps wesentliche Orte zum Kaufen, Lernen, Teilen und Verbinden sind und daher durch die ADA geschützt sind. Aber vielen ist nicht klar, welche besonderen Standards und Anforderungen gelten oder was eine ADA-konforme Website ist.

Die Verabschiedung der ADA-Compliance-Website brachte einen Ersatz für die Rechtsbranche, die das Gerichtssystem genutzt hat, um Unternehmen zur Rechenschaft zu ziehen. Viele dieser Klagen sind legitim. Früher waren die Gesetze so kompliziert, dass Anwälte leicht Geld verdienen konnten. Dies ist heute oft immer häufiger der Fall, da Klagen wegen behaupteter Websites oder mobiler Apps oder der Einhaltung von ADA-Verstößen durch Websites die USA und die ganze Welt überschwemmt haben.

Die Wahrheit ist, dass diese Fälle Vorzüge haben. In den letzten zwei Jahren hat das WebAIM-Projekt der Mitte für Personen mit Behinderungen im Bundesstaat Utah Barrierefreiheitstests auf Homepages von Millionen der Top-Websites durchgeführt. Der Bericht von 2020 ergab, dass 98,1 % der Homepages erkennbare WCAG-2-Fehler aufwiesen oder keine ADA-konformen Websites hatten. Tatsache ist, dass es sich bei einer Website nicht um ein ADA-konformes Website-Design handelt, es sei denn, eine Website wurde speziell entwickelt und erstellt, um Barrierefreiheit zu ermöglichen diese Probleme, oder mit rechtlichen Schritten konfrontiert werden. Während es für Websitebesitzer großartig sein könnte, sich freiwillig für die Ada-Compliance auf Websites zu entscheiden.

Das ADA-Compliance-Website-Design hat viele Vorteile für das Unternehmen, abgesehen davon, dass es Ihnen hilft, sich vor rechtlichen Schritten zu schützen. Die ADA-Compliance-Website bietet Ihren Benutzern in vielerlei Hinsicht großartige Gastfreundschaft. Lassen Sie uns einen Blick auf diese Vorteile der ADA-Konformität auf Websites werfen.

• Der Americans with Disabilities Act (ADA) verlangt von bestimmten Unternehmen, Unterkünfte für Menschen mit Behinderungen einzurichten. Die Webseite sollte für blinde Benutzer, gehörlose Benutzer und Personen zugänglich sein, die mit Sprache, Bildschirmlesegeräten oder anderen Hilfstechnologien navigieren müssen.

• Unternehmen, die unter Titel I fallen, Personen, die 20 oder mehr Wochen pro Jahr mit mindestens 15 Vollzeitbeschäftigten tätig sind; oder Titel III, Personen, die in die Kategorie „öffentliche Unterkünfte“ fallen, fallen unter die ADA.

• Das Versäumnis, eine ADA-konforme Website zu erstellen, könnte ein Unternehmen für Klagen, finanzielle Verbindlichkeiten und Schäden an seinem Markenruf öffnen.

Aber falls Sie einfach fragen, was ist Ada-Compliance für Websites und sieht es speziell nach etwas aus? Nun, in diesem Fall lautet die Antwort nein, da es keine klare Regelung gibt, aber einfach gesagt sollte Ihre Website einigermaßen zugänglich sein, und es gibt viele Möglichkeiten, dies zu erreichen.

Die Grundlagen verstehen – Was ist ADA-Compliance?

Das 1990 verabschiedete ADA verbietet die Diskriminierung von Menschen mit Behinderungen und stellt sicher, dass sie die gleichen Rechte und Chancen wie Menschen ohne Behinderungen benötigen. Das Gesetz umfasst alle Sektoren, von Arbeitsplätzen und Schulen bis hin zu Transport und öffentlichen/privaten Orten, die für die breite Öffentlichkeit zugänglich sind.

Im Jahr 2010 verabschiedete das US-Justizministerium die Americans with Disabilities Act Standards for Accessible Design, die vorschreiben, dass alle elektronischen und Wissenstechnologien wie Websites für Menschen mit Behinderungen wie Sehbehinderung und Taubheit zugänglich sein müssen .

Wenn Sie darüber lesen, was ada-Compliance-Websites sind, gibt es einen gemeinsamen Begriff, auf den Sie möglicherweise oft stoßen, und es ist WCAG. Lassen Sie uns schnell die Grundlagen dieses Begriffs verstehen. WCAG steht für Web Content Accessibility Guideline.

Wer sollte die ADA-Compliance befolgen?

Das erste, was Sie über das ADA wissen müssen, ist, welche Unternehmen verpflichtet sind, sich daran zu halten.

Unter Titel I des ADA fällt jedes Unternehmen mit mindestens 15 Vollzeitbeschäftigten, das 20 oder mehr Wochen pro Jahr tätig ist, unter das Gesetz.

Gemäß Titel III sind auch Unternehmen, die unter die Kategorie „öffentliche Unterkünfte“ fallen, wie Hotels, Banken und öffentliche Verkehrsmittel, verpflichtet, sich daran zu halten. Das bedeutet, dass alle gesetzlichen Bestimmungen gelten, von physischen Erwägungen bis hin zu digitalen Unterkünften.

Wenn Ihr Unternehmen entweder unter Titel I oder Titel III des ADA fällt und Sie glauben, dass Sie nicht konform sind, wenden Sie sich an einen Anwalt für Behindertenrecht, um Ihre Optionen zu erkunden.

Warum der ADA-Compliance-Website folgen?

Die ADA-Compliance von Websites kann manchmal eine Herausforderung darstellen, was den Eindruck erwecken kann, dass sie Ressourcen verschlingt, insbesondere für Unternehmen, die nicht gesetzlich verpflichtet sind. Die Überarbeitung Ihrer Website kostet Zeit und Energie und viel Geld. Aber gibt es Vorteile? Auf jeden Fall gibt es; Lassen Sie uns einen Blick auf diese Vorteile werfen:

Es ist eine rechtliche Angelegenheit!

Unzugängliche Websites können sicherlich die Anzahl der Besucher Ihrer Website verringern. Fast 19 % der Bevölkerung sind eine riesige Anzahl von Menschen, die man auslassen sollte, ohne darüber nachzudenken, was eine Ada-Compliance für Websites ist!

Eine der wichtigsten finanziell verheerenden Folgen ist das Risiko, verklagt zu werden. Und mehrere andere Marken mussten viele tausend Dollar ausgeben, um ihre Websites zu reparieren, nachdem sie verklagt worden waren – und das beinhaltet nicht den Wert der Vertretung, Auszahlungen und Einnahmeverluste durch verärgerte Mitglieder der Öffentlichkeit.

Fügt den täglichen Verkehr auf Ihrer Website hinzu

Fast 50 Millionen Menschen in den USA haben eine Behinderung, und viele Menschen nutzen Hilfstechnologien, um auf Online-Inhalte zuzugreifen. Eine Website zu haben, die von allen aufgerufen und erlebt wird, erhöht Ihr potenzielles Publikum. Mit Alt-Text, Bildunterschriften, tastaturzugänglichen Seiten und anderen Änderungen werden Ihre Produkte und Dienstleistungen für diese Zielgruppen gastfreundlich. Wenn jemand nicht auf Ihre Online-Plattform zugreifen kann, kann er keinen Verkauf tätigen. Aus geschäftlicher Sicht bedeutet Barrierefreiheit also mehr potenziellen Gewinn.

Das ADA-Compliance-Website-Design hilft beim Markenaufbau

Branding ist Brot und Butter für Ihr Unternehmen, da sich die Menschen in die Marke verlieben und nicht nur in Produkte oder Dienstleistungen. Gutes Branding bringt uns immer wieder auf gleichwertige Unternehmen zurück – auch wenn dies nicht die kostengünstigsten Optionen sind. Marken, die die zusätzliche Meile gehen, um Barrierefreiheit zu implementieren, auch wenn sie nicht dazu verpflichtet sind, zeigen ihrem Publikum, dass sie sich um Menschen und nicht nur um Gewinne kümmern. Ein Engagement für Ihr Publikum sagt viel über Ihre Marke und damit die Werte aus, die Sie als Unternehmen vertreten, was dazu beitragen kann, die Verbindung zu Ihren Kunden zu stärken.

Das ADA-Compliance-Website-Design trägt zu den SEO-Vorteilen bei

Wer möchte nicht, dass seine Website in den Suchmaschinen ganz oben steht!? Nun, die ADA-Konformität auf Websites kann hier sicherlich ein Wendepunkt sein, da Ihre Website dadurch mehr Verkehr generiert. Sie zielen auf einen ab und erhalten einen weiteren Vorteil kostenlos!

Das liegt daran, dass Compliance SEO-freundliche Komponenten wie Alt-Text für Bilder, Transkripte von Videos und Audio, richtige Überschriften-Tags und konsistente und vorhersehbare Strukturen unterstützt. Je genauer und beschreibender Ihr Alt-Text ist, desto besser funktioniert er für Screenreader und Suchmaschinen. Transkripte geben Suchmaschinen Informationen zum Scrollen, was bedeutet, dass sie mehr Schlüsselwörter benötigen, um damit zu rechnen. Je präziser Ihre Überschriften sind, desto höher ist sie für Suchmaschinen und andere Personen. Die Zugänglichkeit ist nicht nur gut für Ihr Endergebnis, sondern trägt auch zur Steigerung des Datenverkehrs bei.

Tipps und Tricks, um Ihre Website ADA-konform zu machen

Was ist ADA-Konformität für Websites? Wie erreiche ich die ADA-Konformität der Website? Lassen Sie uns einige schnelle Lösungen für diese Fragen finden, die ganzheitlich zur Website-Entwicklung für Ihr Unternehmen und Ihr Wachstum beitragen können:

1. Arbeiten Sie an einem angenehmen Kontrastverhältnis

WCAG 2.0 empfiehlt ein Kontrastverhältnis von mindestens 4,5:1. Für sehbehinderte Menschen wird es schwierig, den Text zu lesen, der keinen kontrastierenden Hintergrund, keinen einfachen Hintergrund hat oder sogar wenn der Text in das Bild eingebettet ist. Wenn wir uns beispielsweise Filme mit Untertiteln ansehen, erscheinen diese ohne Vorwegnahme der Szenen und daher wird es manchmal schwierig zu lesen. Falls der Text beispielsweise vor einer hellen Szene erscheint, wird er unlesbar und das Publikum kennt den Dialog nicht.

Um solche Verwirrungen zu vermeiden, ist ein angemessenes Kontrastverhältnis zwischen Hintergrund und Text erforderlich.

2. Spielen Sie nicht zu viel mit den Farben

Kannst du dieses Wort lesen? Nun, das kann nicht jeder von uns!

Nun, Farben sind gut für Ihre Website, aber es ist ebenso wichtig, sie mit Bedacht einzusetzen. Nun, diejenigen, die keine Farben erkennen können, können den Anweisungen möglicherweise nicht folgen, wenn die Anweisungen auf einigen Farben oder Farbcodes basieren. Color Limit-Designs sind keine ADA-konformen Websites. Mit anderen Worten, es ist nicht möglich, genügend Informationen in Form von Farben anzubieten, und es wird als nicht zugänglich genug angesehen, wenn wir darüber sprechen, was Ada-Konformität für Websites ist. Um nach Antworten auf die Frage zu suchen, was eine ADA-konforme Website ist, muss man über die Farbe hinausgehen und zugängliche ADA-konforme Website-Design-Taktiken anwenden, um den Benutzern zu helfen, Website-Elemente zu identifizieren.

3. Machen Sie lesbare Formulare

Der Zweck einer guten Website besteht darin, Verkäufe zu tätigen, indem sie die Anfrageformulare ausfüllen.

Dies ist kein gutes Beispiel für ein Formular, bei dem die beschreibenden Bezeichnungen für alle Formularfelder nicht klar sind.

Vielmehr sind in diesem Bild die Felder deutlich zu lesen. Die in den Formularfeldern platzierten Beschriftungen sind schwer lesbar und die Bildschirmlesegeräte übersehen sie möglicherweise beim Ausfüllen des Formulars. In den meisten Fällen können Benutzer mit kognitiven Behinderungen die Absicht des Formularfelds aus den Augen verlieren.

4. Lassen Sie Raum für Korrekturen

Irren ist menschlich! Wir alle machen Fehler, unsere Benutzer auch. Und aus der Sicht eines Benutzers wird es frustrierend, wenn er bei der Interaktion mit Ihrer Website einen Fehler macht, wenn es keinen Raum für Verbesserungen gibt. Es muss eine Bestimmung auf der Website geben, um sicherzustellen, dass Fehler und Auslassungen von den Benutzern auf der Website bei Bedarf korrigiert werden können. Außerdem müssen die Warnungen für solche Fehler mit einigen Nachrichten, Symbolen sowie Farben gegeben werden, aber denken Sie daran, nicht nur mit Farben. Diese Fehler können eine falsch eingegebene E-Mail-Adresse oder eine unvollständige Eingabe seitens des Benutzers sein. Um unvollständige Felder anzuzeigen, kann man Sternchen verwenden, damit der Benutzer weiß, dass diese Felder obligatorisch ausgefüllt werden müssen. Daneben ist es wichtig, den Anwendern mit gewünschtem Feedback an den Fehlerstellen zu helfen. Die Anweisungen zum Ausfüllen solcher Felder sollten eindeutig sein, damit die Fehler nicht nur korrigiert, sondern auch nicht immer wieder begangen werden. Dies hilft dabei, wertvolle Verbindungen zu den Besuchern aufzubauen und sie in Verkäufe umzuwandeln oder sie dazu zu bringen, in irgendeiner Form zu interagieren, sei es durch Kommentare, Newsletter-Anmeldungen und vieles mehr.

5. Geben Sie Optionen für keine Maus an

Vielen Menschen ist möglicherweise nicht bewusst, dass die Tastatur zusätzlich zu ihrer Maus Navigationsoptionen für Webseiten bietet. Damit die Tastaturnavigation für Ihre Benutzer leicht zugänglich ist, müssen die Links in einer differenzierenden Farb- und Designvariante für den Aktivierungszustand angezeigt werden: Mouseover, Tastaturfokusstil und Berührungs- oder Klickstil. Mit der Tabulatortaste auf der Tastatur ist es wichtig, dass die Benutzer schnell erkennen, welcher Link aktiv ist und was mit dem Link passiert, wenn eine bestimmte Aktion ausgeführt wird. Bei eingeschränkter Mobilität für Benutzer kann die Tastaturnavigation sehr nützlich sein. Einige dieser Benutzer mit eingeschränkter Mobilität können Schlaganfallpatienten sein. Abgesehen von jedem Gesundheitsszenario könnten andere Probleme auftreten, z. B. eine entladene Maus oder eine andere ähnliche Situation. Und in diesen Fällen ist eine Tastaturnavigation erforderlich.

6. Arbeiten Sie an einer einfachen Navigation

Ob auf einer Autofahrt oder während der Fahrt auf einem Flughafen, es ist die einheitliche Beschilderung, die uns hilft, sei es in Bezug auf Richtung, Geschwindigkeitsbegrenzungen, Warnungen oder sogar Stopps. Ohne solche Wegweiser finden wir möglicherweise keine begehbare Reise. Im Fall der Website-Navigation, die von einem Abschnitt zum anderen reicht, kann es mehrere Möglichkeiten der Navigation geben. Einige der Möglichkeiten könnten jedoch einfacher und weniger zeitaufwändig sein als andere. Hinzu kommt die Rolle und Notwendigkeit einer konsistenten Navigation, wie z. B. Site-Suche und Sitemaps, um sicherzustellen, dass Ihre Labels, Stile und Positionen konsistent sind. Eindeutige Überschriften und Breadcrumbs sind einige weitere wichtige Hilfsmittel oder Wegweiser, wenn es um die ada-konforme Navigation auf Websites geht. Für Benutzer mit kognitiven oder neurologischen Herausforderungen vermeiden diese konsistenten Designelemente, dass sie verloren gehen oder frustriert sind, und spielen eine wichtige Rolle bei der Verbesserung ihrer Benutzererfahrung.

7. Entscheiden Sie sich für aussagekräftige Überschriften

Gutes Design lenkt das Auge des Benutzers, um Ihre Datenhierarchie zu erkennen. Helfen Sie ihnen, die Verbindung zwischen Überschriften und Ihren Texten, Grafiken und Bildern zu verstehen. Bedenken Sie, dass Benutzer mit kognitiven Störungen wie ADHS möglicherweise Schwierigkeiten haben, durch Inhalte zu navigieren, die nicht klar und direkt dargestellt werden. Darüber hinaus sind viele Benutzer unter Zeitdruck und können den Versuch, schlecht präsentierte Inhalte zu bearbeiten, eher aufgeben. Die fachmännische Verwendung von Überschriftenstilen, Leerraum und Platzierung von Elementen reduziert Unordnung und macht Inhalte zugänglicher. Erhebliche Zeit und Energie, die sich in Dollar niederschlagen, werden in die Erstellung von Inhalten gesteckt. Ein effizientes Design erleichtert es Ihren Kunden, Ihre wertvollen Informationen zu lesen und darauf zu reagieren.

8. Responsive Website-Designs

Für Mobilgeräte optimierte Inhalte und Websites werden von Google hoch geschätzt; Dies bedeutet jedoch nicht, dass Sie Ihren Desktop oder andere Plattformen nicht im Auge behalten müssen. Für schmale Ansichten wie mobile oder andere Geräte sollten primäre Inhalte in ein oder zwei Spalten strukturiert sein, und sekundäre Inhalte können durch Symbole und Links dargestellt werden. Umgekehrt bietet ein Desktop die Möglichkeit, Informationen mehrspaltig mit Links und sichtbarer Navigation darzustellen. In dieser Ansicht müssen die Textlinienbreiten und die Schriftgröße optimiert werden, um eine maximale Lesbarkeit zu erreichen. Benutzer mit kognitiven oder visuellen Beeinträchtigungen können eine lange Textzeile möglicherweise nicht vollständig verfolgen. Mit einem solchen Verständnis dafür, was eine ADA-konforme Website ist, kommunizieren diese einfachen, ansprechenden Website-Designs klar und schnell, um Benutzern zu helfen.

9. Möglichkeiten zum Medienkonsum

Der Inhalt kann für viele Benutzer in verschiedenen Formaten vorliegen, wenn wir über die ADA-Compliance-Website sprechen. Es hilft beim gleichberechtigten Zugang zu Informationen für Menschen mit verschiedenen Behinderungen. Beispielsweise helfen die Transkripte von Audio- und Textversionen komplizierter Grafiken dabei, den Inhalt für Benutzer mit Hör- oder Sehbehinderungen ansprechender zu gestalten. Falls Sie bereits an Content Diversity gearbeitet haben, dann ist das großartig! Wenn nicht, verstehen Sie jedoch, wie und was fokussiert werden muss. Außerdem kann die Zugänglichkeit zu solchen Inhalten erleichtert werden, indem den Benutzern einige Links bereitgestellt werden. Die Links können zu Audiotranskripten, audiobeschriebenen Versionen von Videos und Bildunterschriften oder Texterklärungen komplizierter Designs oder Tabellen führen, die leicht zu finden sein sollten, und vieles mehr.

10. Bessere Benutzersteuerung

Die Antwort auf eine ADA-konforme Website liegt in der Tatsache, dass diese atemberaubenden Karussell- oder Bild-Slider nicht atemberaubend genug sind, wenn sie von Benutzern mit kognitiven Einschränkungen nicht verstanden werden können. Die Autoplay-Funktionen Ihres Videos sind möglicherweise teuer, aber nicht nützlich, wenn es um die ADA-konforme Website geht oder wenn es darum geht, wie schnell sie die Informationen an die Benutzer weitergeben kann. Die Benutzer müssen möglicherweise das Video erneut beginnen, anstatt nur das nächste abzuspielen, oder möchten sogar einen Teil noch einmal sehen, und dafür können sie zurückgehen, es überprüfen oder zurückspulen. Unabhängig davon, ob die Website automatisch abgespielte Audio- und Videodateien oder Karussells bietet, geben Sie Benutzern die Möglichkeit, alle Medien auf Ihren Webseiten abzuspielen, vorzuspulen und anzuhalten.

Fazit zur ADA-Konformität auf Websites

Die ADA-Konformität von Websites ist zweifellos eine der wichtigsten Aufgaben auf der To-Do-Liste der meisten Unternehmen da draußen. Diese einfach anzuwendenden Tipps und Tricks helfen nicht nur Ihren Benutzern, sondern machen auch langfristig Sinn für Ihr Unternehmen, sei es durch erhöhten Traffic oder bessere SEO-Rankings. Außerdem erfüllen Sie möglicherweise die meisten ADA-Standards, während Sie sich einfach auf Ihre SEO konzentriert haben. Jetzt können Sie Ihre Website einfach auf die in diesem Blog erwähnten Punkte analysieren und kommen zu einer Liste, die Ihrer digitalen Präsenz mehr Bedeutung verleihen und Ihre Website ADA-konform machen kann. Das Erstellen einer ADA-konformen Website kann etwas herausfordernd und zeitaufwändig sein. Aber es wird sich lohnen.

Arbeiten Sie am ADA-Compliance-Website-Design? Oder haben Sie bereits eine ADA-konforme Website? Vor welchen Herausforderungen standen Sie?

Lassen Sie uns unten im Kommentarbereich diskutieren, oder Sie können sogar anrufen oder eine E-Mail senden. Unser Team hilft Ihnen gerne weiter!