Design für digitale Barrierefreiheit

Dieser Artikel wurde ursprünglich veröffentlicht in Muse by Clio @ musebycl.io, Advertising Week 360 @ werbewoche360.com, und Little Black Book @ lbbonline.com

Wir leben in einer digitalen Welt. Aber nicht jeder kann oder will auf die gleiche Art und Weise Inhalte konsumieren oder auf digitale Ressourcen zugreifen. Der Americans with Disabilities Act (ADA) sagt ganz klar eindeutig fest dass Unternehmen alles in ihrer Macht Stehende tun müssen, um sicherzustellen, dass öffentliche Orte für alle zugänglich sind. In einem Ladenlokal ist die Notwendigkeit des physischen Zugangs recht einfach, aber da sich die Technologie ständig ändert, ist die Gewährleistung des digitale zugang ein wenig schwieriger sein.

Ein sehr sichtbares Beispiel dafür ist ein Fall, der gegen Domino's Pizza angestrengt wurde verklagt wurde, weil die Website nicht für Bildschirmleser zugänglich war. Domino's argumentierte, dass die Einhaltung der Vorschriften für stationäre Einrichtungen zwar klar im ADA geregelt ist, dass es aber keine Regeln für digitale Plattformen gibt und dass die Unternehmen eine bundesweite Anleitung benötigen, bevor sie zur Einhaltung der Vorschriften verpflichtet werden können.

Nun, die Gerichte waren anderer Meinung. Was bedeutet das nun für uns?

Zwar gibt es keine direkte Anleitung des Justizministeriums für die Einhaltung des ADA, aber das World Wide Web Consortium (W3C)-eine internationale Gemeinschaft, in der Mitgliedsorganisationen, Vollzeitmitarbeiter und die Öffentlichkeit gemeinsam an der Entwicklung und Pflege von webstandards-ist zur Rettung gekommen. Die W3C Zugänglichkeitsrichtlinien für Webinhalte (WCAG) 2.1 bieten aktuelle Informationen und Maßnahmen, die wir ergreifen können, um sicherzustellen, dass digitale Kreationen und digitale Inhalte zugänglich, konsumierbar und konform sind.

Hier erfahren Sie, wie Sie mit der barrierefreien Gestaltung beginnen können.

Der erste Schritt: Verstehen Sie Ihre Nutzer

Als Webdesigner ist es unsere Aufgabe, dafür zu sorgen, dass es keine Barrieren oder unnötigen Komplikationen gibt, die die Zugänglichkeit für jeden. Der erste Schritt zu einem barrierefreien Design besteht also darin, Ihre Benutzer und die Arten von Behinderungen oder Beeinträchtigungen zu verstehen, die Sie berücksichtigen müssen:

• Seh-blindheit, verschiedene Arten von Sehschwäche und schlechtem Sehvermögen sowie verschiedene Arten von Farbenblindheit
• Motorik/Mobilität-schwierigkeiten oder Unfähigkeit, die Hände zu benutzen, einschließlich Zittern, Muskelverlangsamung, Verlust der Feinmotorik aufgrund von Krankheiten wie Parkinson, Muskeldystrophie, Zerebralparese oder Schlaganfall
• Gehör -taubheit oder andere Hörbehinderungen, einschließlich Schwerhörigkeit
• Lichtempfindlichkeit -epileptische Anfälle, die durch visuelle Stroboskop- oder Blinkeffekte ausgelöst werden
• Kognitive und intellektuelle-entwicklungsstörungen, Lernschwierigkeiten (Legasthenie, Dyskalkulie u. a.) und kognitive Behinderungen (posttraumatische Belastungsstörung, Alzheimer u. a.) unterschiedlichen Ursprungs, die u. a. das Gedächtnis, die Aufmerksamkeit, die Entwicklungsreife" und die Problemlösungs- und Logikfähigkeiten beeinträchtigen, sollten berücksichtigt werden
• Sozioökonomische oder geografische Einschränkungen -einschränkungen in Bezug auf Bandbreite, Geschwindigkeit und Hardware
• Situativ -auch wenn es sich nicht um eine Anforderung des ADA handelt, sind Schwierigkeiten beim Zugang aufgrund einer bestimmten Situation (z. B. Außengeräusche, soziale Zwänge und Aufgaben, die den Einsatz der Hände erfordern, wie z. B. Autofahren) vom Standpunkt der Marke aus zu berücksichtigen

Und dann sollten Sie bei der Gestaltung die Benutzer im Auge behalten

Bedenken Sie dies. Nach Angaben der Weltgesundheitsorganisation haben etwa 30 % der Weltbevölkerung an einer Sehbehinderung und 6 % einen Hörverlust haben. Doch im Jahr 2019, wenn WebAIM- eine Organisation, auf die sich viele in der Branche stützen, wenn es um Informationen und Anleitungen zur Barrierefreiheit geht - eine Million Homepages bewertete, erfüllten nur 2 % die WCAG-Zugänglichkeitsstandards. Die bei weitem größten Verstöße waren kontrastarmer Text, fehlender Alt-Text für Bilder, leere Links oder Schaltflächen, fehlende Formulareingabebeschriftungen und fehlende Dokumentsprachen.

Anhand der vier WCAG-Prinzipien für digitale Zugänglichkeit - Inhalte müssen wahrnehmbar, bedienbar, verständlich und robust sein - stellen wir hier einige wichtige (aber nicht alle) Designfaktoren vor, um einige der größten Zugänglichkeitshindernisse zu beseitigen:

• Kontrastverhältnis: Alle Texte sollten ein Kontrastverhältnis von 4,6:1 oder höher haben. Ein Kontrastverhältnis von 17,40:1 wird zwar nie Standard sein, aber wenn Ihre Hauptnutzergruppe sehbehindert ist, können Sie dieses Verhältnis in Betracht ziehen. Ein großer Teil des Webs hat jedoch ein Kontrastverhältnis von 3,5:1, und Sie werden sogar einige Fußzeilen mit niedrigeren Kontrastverhältnissen sehen.
• Bild-Alt-Text: Jedes Bild, das einen Link oder wichtige Informationen im Bild selbst enthält, benötigt einen Alternativtext. Die einzige Ausnahme sind Bilder, mit denen die Benutzer nicht interagieren müssen oder die rein dekorativ sind. Fast alle Zugänglichkeits-Tools, wie z. B. Bildschirmlesegeräte, lesen den Alt-Text von Bildern, so dass er für Menschen mit Sehbehinderungen von entscheidender Bedeutung ist.
• Digitale Inhalte: Vermeiden Sie Stroboskope und blinkende Videos, da diese zu Krampfanfällen führen können, oder Animationen, die schnell wieder verschwinden. Und berücksichtigen Sie bei Videos immer die Anforderungen an die Zugänglichkeit: Vermeiden Sie Timer, die Personen behindern könnten, die nicht schnell genug interagieren können, oder Fehlermeldungen, die von Bildschirmlesegeräten nicht erkannt werden. Und fügen Sie immer Videotranskripte bei.
• HTML-Meta-Ebene: Dies ist etwas, das auf der Entwicklerseite zu berücksichtigen ist. Sie können wichtige HTML-Attribute für die Seite einrichten, damit Bildschirmleser die Seite lesen können.
• Textgröße: Die Textgröße ist ein wichtiger Faktor für Menschen mit Sehbehinderungen, da kleinere Schriftarten für viele Benutzer schwer zu lesen sind. Wir haben mit einem unserer Kundenpartner eine Best Practice für die Mindestschriftgröße 14 vereinbart (außer für Fußzeilen). Und die WCAG schreiben vor, dass die Benutzer die Schriftgröße ohne Probleme auf 200 % erhöhen können müssen.
• Komplexe Interaktionen: Designkonzepte wie Karussells, Tabellen mit Registerkarten und verschachtelte Inhalte führen zu einzigartigen Herausforderungen für unterstützte Technologien - und jede von ihnen erfordert besondere Überlegungen. Im Zuge der Entwicklung von Best Practices für die neuesten Formen der Interaktion veröffentlichen W3C und WebAIM Artikel über die Entwicklung von Best Practices für die neuesten Formen der Interaktion.
• Navigation: Die Tabulatornavigation ist für die Barrierefreiheit unerlässlich, denn sie wird von den meisten Screenreadern und Barrierefreiheitstechnologien verwendet.
• Fehler: Fehler sollten in den ARIA-Attributen enthalten sein. Auf diese Weise können wir den Benutzern wichtige Informationen und Fehler anzeigen, die sie sonst übersehen würden - z. B. dass Einkäufe nicht ordnungsgemäß abgewickelt oder Tabellendaten nicht geladen werden.
• Sprache: Damit Screenreader und andere Hilfstechnologien übersetzte Inhalte richtig lesen können, sollten Sie HTML-Metainformationen zur Sprache einfügen.

Schaffen Sie unterschiedliche Erlebnisse für dieselbe Nachricht (z. B. ein visuelles Erlebnis für Menschen mit Legasthenie und ein Audioerlebnis für Menschen mit Sehbehinderung), um die Zugänglichkeit für alle zu gewährleisten. Und machen Sie eine Testfahrt mit einem Bildschirmlesegerät (oder zwei) auf Ihrer Website mit geschlossenen Augen, um zu sehen, wie leicht oder schwer Ihre Seiten zu navigieren sind, und um eine Grundlage für Verbesserungen zu schaffen.

Der Weg nach vorn

Es gibt keinen allgemeingültigen "richtigen" Rat, wenn es um Barrierefreiheit geht. Was für Sie am besten ist, hängt von Ihrer Situation und Ihrem Zielpublikum ab. Aber eines ist sicher: Das Design wird immer komplexer, und die Designer brauchen bessere Fähigkeiten, um ein ansprechendes Design mit Barrierefreiheit zu verbinden. Spannende neue Technologien - wie Virtual-Reality-Headsets, die es Sehbehinderten ermöglichen, zum ersten Mal Farben zu sehen - und das Streben nach Inklusion bedeuten, dass wir die einmalige Chance haben, das Leben der Menschen wirklich zu verändern. Und die Zeit, dies zu tun, ist jetzt.