UX und die Bedeutung der Webzugänglichkeit

Bei der Web-Zugänglichkeit geht es darum, allen Zugang zu den gleichen Informationen zu geben, unabhängig von den Beeinträchtigungen der Benutzer.

Nach Angaben der Weltbank leiden 1 Milliarde Menschen (15 % der Weltbevölkerung) an irgendeiner Form von Behinderung, davon fast 57 Millionen allein in den USA. (19 % der US-Bevölkerung nach Angaben des US Census Bureau vom 25. Juli 2012.)

Es gibt vier grob gruppierte Arten von Behinderungen, die entweder vorübergehend oder dauerhaft sein können: körperlich (wie Lähmungen oder Probleme mit der Feinmotorik), sensorisch (wie Autismus, Taubheit oder Blindheit), intellektuell (wie Down-Syndrom oder Entwicklungsverzögerungen). ) und psychische Erkrankungen (einschließlich Schizophrenie und Depression). Viele Senioren haben Probleme, die mit dem Älterwerden einhergehen und können auch von barrierefreien Unterkünften profitieren.

Es ist wichtig, die Bedeutung der Barrierefreiheit im Internet nicht zu unterschätzen. Während das Internet vor 20 Jahren ein Ort für Technikfreaks war, ist es heute eine primäre Informations-, Unterhaltungs- und Kommunikationsquelle. Es wird für alles verwendet, vom Einkaufen über das Teilen von Momenten mit Freunden, das Lesen von Nachrichten, das Ansehen von Fernsehsendungen, das Bewerben auf Jobs, das Buchen von Ferien und mehr. Für Menschen mit Behinderungen gibt es jedoch Barrieren, die viele dieser Dinge unzugänglich machen, da viele Websites ihre Bedürfnisse nicht berücksichtigen. Ein Großteil des Internets wird noch nicht als öffentlicher Raum behandelt und gewährleistet nicht den Zugang für alle, unabhängig von den Fähigkeiten.

Mythen über Barrierefreiheit im Internet

Wenn es nicht einfach völlig ignoriert wird, ist Barrierefreiheit einer der am meisten vernachlässigten Aspekte des Webdesigns. Es leidet unter ungenauen Ideen, die in den letzten 20 Jahren von skrupellosen Digitalagenturen und ihren Design- und Entwicklungsteams verbreitet wurden. Kritiker versäumen es, technologische Innovationen, gesetzliche Änderungen und große demografische Entwicklungen anzuerkennen, weil sie Barrierefreiheit als einen einschränkenden und optionalen Teil der Erstellung einer Website mit guter UX für alle Benutzer ansehen. Die meisten Diskussionen darüber, warum Barrierefreiheit nicht wirklich notwendig ist, drehen sich um einen oder mehrere der folgenden Punkte:

1. „Es ist hässlich.“

Es stimmt zwar, dass Designer für vollständige Zugänglichkeit mehrere strenge Richtlinien befolgen müssen, die sich auf das allgemeine Erscheinungsbild einer Website oder Anwendung auswirken können, aber einige Verbesserungen – wie z. B. das Bereitstellen alternativer Textbeschreibungen für Bilder – haben keine spürbaren Auswirkungen auf den Benutzer Schnittstelle. Mit der heutigen Technologie ist es durchaus möglich, eine trendige, interaktive, ansprechende und zugängliche Website zu erstellen; Daher sollte die Barrierefreiheit im Internet nicht länger als Belastung angesehen werden. Außerdem gibt es auch viele hässliche, nicht zugängliche Websites!

2. „Es dauert zu lange, kostet zu viel und bringt keinen Nutzen.“

Es stimmt, dass die Einbindung von Barrierefreiheit nicht immer einfach ist und wahrscheinlich den Zeitaufwand für die Konzeptions- und Entwicklungsphase einer Website oder Anwendung erhöht. Es wird jedoch die Zeit reduzieren, die für Website-Verbesserungen und technische Reparaturen aufgewendet wird: saubererer Code, weniger Fehler.

Bereits zu Beginn eines digitalen Projekts an Barrierefreiheit zu denken, hilft auch, spätere Kosten, einschließlich Wartung und Kundensupport, einzudämmen. Aus SEO-Sicht hilft eine barrierefreie Website auch dabei, bessere Rankings zu erzielen. Suchmaschinen wie Google funktionieren ähnlich wie ein Blinder, der einen Screenreader verwendet. Beim Scannen Ihrer Seiten verstehen Roboter nur Text, daher ist es wichtig, Ihre Inhaltsarchitektur und Überschriften zu planen und alternativen Text für Bilder bereitzustellen.

3. „Niemanden interessiert es.“

Dieses Argument ist in der Regel das Hauptargument für Unternehmen und Designagenturen, die weder Zeit noch Geld investieren möchten, um eine Website barrierefrei zu gestalten. Wenn man sich ihre Daten ansieht, scheint es, dass Menschen mit Behinderungen ihre Website nicht einmal besuchen. (Oh, die Ironie! Wie könnten sie, wenn es ihnen nicht zugänglich ist?) Sie sind auch davon überzeugt, dass der Markt sowieso viel zu klein ist, um eine Rolle zu spielen.

Menschen mit starken Beeinträchtigungen mögen ein kleiner Teil ihres Publikums sein, aber was ist mit älteren Benutzern? Was ist mit Benutzern mit sogenannten „geringfügigen“ Beeinträchtigungen, wie z. B. Schwerhörigen oder Farbenblinden? Was ist mit dem durchschnittlichen Benutzer, der unter einer schwächenden Migräne leidet und helle Farben oder endlos scrollende Seiten, die in 11px-Schrift geschrieben sind, nicht ertragen kann? Viele Benutzer, die nicht als „traditionell“ behindert gelten würden, könnten unter einer nicht barrierefreien Website leiden.

Auf der anderen Seite kommt es, wie im wirklichen Leben, allen zugute, Technologie zugänglich zu machen. Betrachten Sie Untertitel für Fernseher in einer lauten Bar oder Rollstuhlrampen für Kinderwagen.

4. „Es ist optional.“

Nun, eigentlich ist es nicht. In vielen Ländern gibt es Gesetze, die es illegal machen, Menschen mit Behinderungen bei der Bereitstellung einer Dienstleistung oder eines Produkts zu diskriminieren. Wenn also ein Benutzer mit einer Behinderung nicht auf Inhalte zugreifen kann, weil eine Website nicht zugänglich ist, könnte er theoretisch rechtmäßig wegen digitaler Diskriminierung klagen. Und diese Klagen finden jedes Jahr häufiger statt und kosten Unternehmen oft Millionen von Dollar, um sie beizulegen.

Gründe, sich um Barrierefreiheit im Internet zu kümmern

1. Rechtskonformität

In den USA sind Barrierefreiheitsanforderungen im Americans with Disabilities Act aufgeführt, der 1990 erlassen wurde. Damals betraf es hauptsächlich physische Geschäfte, daher waren sich die Gerichte uneins darüber, ob Websites und Anwendungen abgedeckt werden sollten oder nicht. Im Jahr 2017 wurden allein in den USA über 800 Klagen vor Bundesgerichten eingereicht, sodass die Gefahr eines Rechtsstreits real ist.

Während Facebook für sein Empathy Lab und seine Richtlinien zur Barrierefreiheit gelobt wurde, hatten andere Unternehmen nicht so viel Glück. Netflix wurde mehrfach von verschiedenen Blinden- und Gehörlosenverbänden verklagt. Am Ende mussten sie allen Benutzern gleichen Zugang zu den Inhalten gewähren, einschließlich des Hinzufügens von Untertiteln zu allen Programmen.

2. Verbesserter Ruf

Unternehmen, die sich Menschen mit Beeinträchtigungen annehmen, profitieren nur davon. Bemühungen, eine Website oder App barrierefrei zu gestalten, wirken sich positiv auf die Reputation aus und schaffen ein Image sozialer Verantwortung und Fürsorge für alle Nutzer.

Beim Hinzufügen von Zugänglichkeitsfunktionen zögern die Giganten des Silicon Valley nicht, Innovationen in das Spiel einzubringen, indem sie Millionen in Technologie und bahnbrechende neue Funktionen investieren. Beispielsweise nutzt Facebook jetzt künstliche Intelligenz, um seinen blinden Benutzern durch Objekterkennungstechnologie automatische Alternativtexte bereitzustellen. Diese Funktion ermöglicht es ihnen nun, die 2 Milliarden Bilder, die jeden Tag auf Facebook geteilt werden, in vollen Zügen zu genießen. Die Idee kam hauptsächlich von Matt King, einem blinden Softwareentwickler, der mit dem Accessibility-Team zusammenarbeitet. Facebook hat sich verpflichtet, ein freundliches Unternehmen für Menschen mit Behinderungen zu sein, sowohl online als auch in der physischen Welt.

3. Akquise von Neukunden

Mehr als 80 % der Menschen mit Beeinträchtigungen haben sich aufgrund von Barrieren entschieden, einem Dienstanbieter nicht zu vertrauen, wobei die schlechte Zugänglichkeit des Internets einer der Hauptgründe ist. Da sie von den meisten Marken oft ignoriert werden, sind Benutzer mit Behinderungen bereit, mehr Geld für Unternehmen auszugeben, die ihnen eine durchdachte Benutzererfahrung bieten. Die Kaufkraft dieses speziellen Marktes ist enorm.

Verbesserungen der Barrierefreiheit werden Ihre aktuellen Kunden nicht abweisen, sondern neue Kunden gewinnen und Ihre Conversions verbessern. Indem Sie Benutzer mit Beeinträchtigungen anerkennen, lassen Sie sie wissen, dass ihre Rechte wichtig sind und dass ihr Geschäft geschätzt wird.

Arten von Behinderungen und Verbesserung der Zugänglichkeit für verschiedene Beeinträchtigungen

Es gibt viele verschiedene dauerhafte und vorübergehende Behinderungen, wobei Benutzer mit unterschiedlichen Herausforderungen konfrontiert sind und nach unterschiedlichen Lösungen suchen. Um allen die gleichen Inhalte anzubieten, müssen Sie auf alle Bedürfnisse eingehen.

1. Sinnesbehinderungen

Seh- und Hörprobleme sind die häufigsten sensorischen Behinderungen, aber es gibt auch eine Reihe anderer Beeinträchtigungen, die betroffen sind: Senioren, Farbenblinde oder Schwerhörige und viele autistische Benutzer.

Für Benutzer mit Hörbehinderungen wäre ein Schritt, um Ihre Website oder App barrierefrei zu machen, die Implementierung von Texttranskripten und Videountertiteln. Sie sind nicht nur ein Muss für Gehörlose, sondern auch für das Gehör nützlich.

Eine Studie zur Barrierefreiheit von Ofcom hat herausgefunden, dass 80 % der Menschen, die Untertitel verwenden, weder taub noch schwerhörig sind. Es ist ein typisches Beispiel für eine barrierefreie Funktion, von der alle profitieren.

In Bezug auf Sehbehinderungen helfen die meisten Richtlinien auch jedem Benutzertyp. Egal, ob Sie farbenblind sind oder an Migräne leiden, Sie werden einem Designer für die Verwendung kontrastierender Farben (Text und Hintergrund) dankbar sein. Jeder profitiert von größeren, relativen Schriftgrößen (em, nicht Pixeln) und der Möglichkeit, die Größe anzupassen, eine Funktion, die besonders von älteren Benutzern geschätzt wird.

Blinde Benutzer können eine Website zwar nicht sehen, aber sie hören, dank Screenreadern wie JAWS und Window-Eyes für Windows und VoiceOver für Mac. Solche Programme lesen Inhalte laut vor … und sie lesen ALLES vor.

Um die Navigation durch Ihre Seiten zu vereinfachen, verwenden Sie unbedingt die Optionen „Zum Hauptinhalt springen“, um zu verhindern, dass das gesamte Navigationsmenü mehrmals hintereinander gelesen wird.

Strukturieren Sie Ihre Seite richtig mit verschiedenen Überschriften (nur ein <h1>, dann keine Ebenen überspringen), fügen Sie Textbeschreibungen für jedes Bild ein, vermeiden Sie komplexe Tabellen und wählen Sie Ihre Text-Hyperlinks sorgfältig aus. Sie sollten genau beschreiben, wohin der Link führen wird: Die Verwendung von „hier klicken“ ist für einen Screenreader-Benutzer ineffektiv, da er keine relevanten Informationen liefert.

2. Motorische Behinderungen

Einige Benutzer sind möglicherweise dauerhaft oder vorübergehend nicht in der Lage, eine Maus oder ein Trackpad zu verwenden. Daher können sie nur ihre Tastatur verwenden, um eine Website zu durchsuchen, indem sie die „Tab“- oder „Pfeil“-Tasten drücken.

Sicherzustellen, dass eine Website nur mit einer Tastatur vollständig erlebbar ist, ist eine der einfachsten und kostengünstigsten Funktionen, die in der Web-Barrierefreiheit implementiert werden können: Sie erfordert wenig Arbeit und kann durch einfaches Abziehen oder Ausschalten der Maus überprüft werden. Browser wählen automatisch anklickbare Elemente auf einer Webseite aus, indem sie die TAB-Taste drücken, was die Barrierefreiheit erheblich verbessert. Stellen Sie also sicher, dass das Entwicklungsteam sie nicht deaktiviert.

3. Kognitive Behinderungen

Benutzer mit Lernschwierigkeiten, Down-Syndrom, ADHS, Legasthenie und anderen kognitiven Beeinträchtigungen, einschließlich solcher, die manchmal auftreten, wenn Benutzer älter werden, werden von klaren Inhalten und einer konsistenten Benutzeroberfläche stark profitieren. Versuchen Sie daher, eine logische Benutzeroberfläche zu erstellen (ähnliche Farben für ähnliche Aktionen, eine Kombination von Schriftarten, einfache Animationen, visuelle Hinweise, wenn Sie zur Teilnahme aufgefordert werden usw.) und organisieren Sie Ihre Inhalte mithilfe von Überschriften, um die verschiedenen Teile schnell zu identifizieren.

Das Festlegen von Regeln und Mustern und das Befolgen definierter Designprinzipien hilft Benutzern, sich schneller zurechtzufinden und Überraschungen in der Navigationserfahrung zu vermeiden, wodurch sie insgesamt reibungsloser und verständlicher wird. Die Vereinfachung und Standardisierung der Benutzeroberfläche einer Website oder Anwendung führt tendenziell zu einer besseren Benutzererfahrung für alle Benutzer.

Tipps zum Testen der Web-Zugänglichkeit

1. Befolgen Sie die Richtlinien

Es gibt internationale Richtlinien zur Erstellung barrierefreier Websites, die leicht verfügbar sind: die Web Content Accessibility Guidelines (WCAG). Die WCAG (derzeit WCAG 2.0) wurde durch den W3C-Prozess entwickelt und bietet einen einzigen gemeinsamen Standard für die Zugänglichkeit von Webinhalten.

Alle WCAG-Dokumente, die in erster Linie für Entwickler, Designer und Zugänglichkeitsexperten bestimmt sind, erklären, wie man eine Website zugänglicher macht, und sind nach vier Prinzipien organisiert: wahrnehmbar, bedienbar, verständlich und robust. Mit diesen Empfehlungen können Sie ein Konformitätsniveau (A-minimal, AA-befriedigend oder AAA-ausgezeichnet) erreichen.

Die Implementierung aller WCAG-Standards wird einige Zeit in Anspruch nehmen, aber wenn Sie mit den Grundlagen beginnen, kann dies einen großen Einfluss darauf haben, Ihre Website für Benutzer mit einer Vielzahl von Beeinträchtigungen benutzerfreundlicher zu gestalten.

2. Überprüfen Sie es online oder mit einer Hilfstechnologie

Es gibt online verfügbare Tools, um zu überprüfen, ob eine Website den Zugänglichkeitsrichtlinien entspricht, wie z. B. der offizielle Validator von W3c. Beachten Sie, dass Online-Tools möglicherweise nicht alle Barrierefreiheitsprobleme finden, da sie in erster Linie die technischen Aspekte einer Website überprüfen. Der Einsatz von Hilfstechnologien wie Screenreadern zum Testen einer Website ist ein wichtiger Schritt, um sicherzustellen, dass eine Website wirklich barrierefrei ist. Obwohl dies beide erschwingliche Ausgangspunkte sind, werden sie niemals das tatsächliche Benutzerfeedback ersetzen. Es ist wichtig, Benutzer mit verschiedenen Beeinträchtigungen in den Benutzertestprozess einzubeziehen, wenn Barrierefreiheit ernsthaft als Priorität angesehen wird.

3. Benutzertests

Die Einbeziehung von Menschen mit Behinderungen in den UX-Testprozess für jede neue Website oder App vor dem Start ist von entscheidender Bedeutung. Sie geben das relevanteste Feedback darüber, ob ihre Benutzererfahrung wirklich angenehm ist oder nicht. Arbeiten Sie Hand in Hand mit einem vertrauenswürdigen UX-Designer, der Testszenarien in Abhängigkeit von verschiedenen Beeinträchtigungen erstellt.

Das Erlangen von Barrierefreiheits-Compliance ist keine Option mehr

Barrierefreiheit ist ein wichtiges Thema, das umso größer wird, je mehr der Alltag online stattfindet und die Weltbevölkerung wächst und altert. Bis 2050 wird sich die Alterung der Weltbevölkerung voraussichtlich verdoppeln. Dieser demografische Wandel bedeutet, dass viele Beeinträchtigungen, die mit dem Alter einhergehen, zunehmen werden.

Es ist keine einfache Aufgabe, aber Unternehmen, die Barrierefreiheit weiterhin ignorieren, müssen verstehen, dass sie bereits Kunden verlieren und dass sie in den kommenden Jahren noch mehr verlieren werden, wodurch ihre Einnahmen erheblich sinken werden. In einer Welt, die Fortschritte bei der Anerkennung anderer Minderheiten gemacht hat, wird die Leugnung, dass Barrierefreiheitsrechte Menschenrechte sind, auch ihrem öffentlichen Ansehen und ihrem Ruf schaden.

Je früher ein Unternehmen Barrierefreiheit als Schlüsselwert bei der Erstellung einer Website oder App annimmt, desto eher wird es als Unternehmen anerkannt, das behinderte Benutzer nicht vernachlässigt. Sie erhalten mehr Traffic und damit wahrscheinlich auch mehr Conversions. Die Bedeutung der Barrierefreiheit im Internet zu erkennen, ist eine Win-Win-Situation.

• • •

Weiterführende Literatur im Toptal Design Blog:

• eCommerce UX – Best Practices im Überblick (mit Infografik)
• Die Bedeutung von Human-Centered Design im Produktdesign
• Die besten UX-Designer-Portfolios – inspirierende Fallstudien und Beispiele
• Heuristische Prinzipien für mobile Schnittstellen
• Antizipatorisches Design: Wie man magische Benutzererlebnisse schafft