Zugängliches Design für Benutzer mit Behinderungen

Technologie existiert, um unser Leben zu verbessern. Es hilft uns dabei, Dinge effizient zu erledigen, schneller von A nach B zu kommen, damit wir mehr Zeit für das Wesentliche haben. Wir bei Boldist glauben, dass alle Benutzer die Chance verdienen, diese Tools zu nutzen. Dieses Konzept wird als universelles Design bezeichnet und bestimmt unsere Designentscheidungen.

Zugängliches Design ist der Teil des universellen Designs, der behinderten Benutzern die gleiche Benutzerfreundlichkeit wie dem Rest der Bevölkerung bietet.

Es ist eine wichtige Unterscheidung, wenn eine durchschnittliche Website für Menschen mit Behinderung dreimal weniger nutzbar ist. Eine Studie der Nielsen Norman Group ergab, dass die Erfolgsquote für blinde Benutzer, die eine Aufgabe über einen Bildschirmleser erledigten, nur 12,5 % betrug, verglichen mit 78,2 %, die von nicht behinderten Benutzern erreicht wurden, und blinde Benutzer brauchten mehr als doppelt so lange, um sie abzuschließen die Aufgabe.

Das Übereinkommen der Vereinten Nationen über die Rechte von Menschen mit Behinderungen identifiziert zwei Haupttypen von Hindernissen für behinderte Menschen: Umwelt- und Einstellungshindernisse. Es sind Einstellungsbarrieren, die einen Hauch von Gleichgültigkeit verbreiten, wenn Menschen mit Behinderungen isoliert werden und ihnen gesagt wird, dass ihre Probleme ihre eigenen sind. Dadurch bleibt eine ungerechtfertigte Usability-Lücke bestehen.

So funktioniert eine mitfühlende Gesellschaft nicht, und so baut man kein einfühlsames Design auf, das sich allen Benutzern öffnet. Aufgrund der Art einer Behinderung kann es schwierig sein, diese Lücke vollständig zu schließen, aber die Online-Umgebung kann viel zugänglicher sein, als sie ist. Alles, was es braucht, ist eine Verpflichtung zur Erforschung und Gestaltung unter Berücksichtigung der Barrierefreiheit – und die Vorteile sind erheblich.

Vorteile von barrierefreiem Design

Nach Angaben der Weltgesundheitsorganisation sind mehr als 15 % der Weltbevölkerung behindert. Das Erstellen barrierefreier Websites und Apps bedeutet also Zugang zu mehr zahlenden Kunden. Sie würden niemals 15 % Ihrer Zielgruppe ignorieren, aber genau das bewirkt Design ohne Barrierefreiheit.

Die Leute haben auch den Eindruck, dass barrierefreies Design weniger Freiheiten und unattraktives Design bedeutet. In Wahrheit sieht barrierefreies Design besser aus und funktioniert besser, lädt Webseiten schneller und schafft eine bessere Benutzererfahrung für alle. Die für einen gehörlosen Benutzer bestimmten Untertitel kommen beispielsweise auch der Person zugute, die ihre Kopfhörer zu Hause vergessen hat. Barrierefreiheit dient universellem Design.

Das Design für Barrierefreiheit reduziert auch später Kosten und Arbeitsaufwand, da weniger Zeit und Geld für das Debuggen und Korrigieren von Code aufgewendet wird. Derselbe Code dient dann auch als SEO-Enhancer, da Suchmaschinen wie Google Online-Inhalte auf ähnliche Weise verstehen wie Screenreader.

Mit zugänglichem Design und verbesserter Benutzererfahrung genießen Sie einen verbesserten Ruf und das Wissen, dass Sie dazu beigetragen haben, die digitale Welt zu einem besseren Ort zu machen.

Und als ob Sie nicht schon überzeugt wären, könnte der Americans With Disabilities Act von Ihnen verlangen, Ihre Website ADA-konform zu machen.

Haftungsausschluss: Wir sind weder Anwälte noch Ihr Anwalt, daher können wir Sie nicht vor Anwälten schützen. Was wir tun können, ist Ihnen dabei zu helfen, den Zugriff auf Ihre Website für alle einfacher zu machen, und wir denken, dass dies wichtig ist.

Was ist ADA-Compliance?

Ähnlich wie wir glaubt das Justizministerium, dass der Zugang zu Informations- und Kommunikationstechnologie ein grundlegendes Menschenrecht ist, und hat daher den Americans With Disabilities Act (ADA) geschaffen. Das Gesetz schreibt vor, dass Websites, Apps und Software bestimmter Organisationen Standards für barrierefreies Design erfüllen müssen, damit Menschen mit Behinderungen gleichberechtigten Zugang und Benutzerfreundlichkeit haben.

Sie können auf diese Standards in den WCAG 2.0 AA-Richtlinien zugreifen und vier Prinzipien einbeziehen:

1. Wahrnehmbar: Alle Inhalte und UI-Elemente können ohne Fehlfunktionen wahrgenommen oder an die Bedürfnisse der Benutzer angepasst werden.
2. Bedienbar: Alle UI-Elemente sind bedienbar und können einfach navigiert werden. Das Erledigen von Aufgaben ist effizient.
3. Verständlich: Informationen und UI-Elemente sind leicht verständlich. (Online-Formulare sind ein häufiger Problembereich.)
4. Robust: Benutzer oder ihre Hilfstechnologien können Inhalte interpretieren.

Unter diesen vier Prinzipien befinden sich 12 Richtlinien, jede mit ihren eigenen Erfolgskriterien und Beratungstechniken, um diese Kriterien zu erfüllen. Es ist wichtig zu beachten, dass das Design von Benutzeroberflächen (UI) ein Untersegment des UX-Designs ist und Sie beide benötigen, um ein überzeugendes und zugängliches Produkt zu erstellen.

Und während das Erstellen von UI und UX, die den ADA-Richtlinien entsprechen, hilft, rechtliche Probleme zu vermeiden, sollten Sie alle Ihre Benutzer unterstützen wollen. Dies bedeutet, dass Menschen mit sensorischen, kognitiven und motorischen Behinderungen berücksichtigt werden.

Design für Blinde und Sehbehinderte

Das Durchqueren der digitalen Umgebung ist aufgrund ihrer visuellen Natur für Blinde und Sehbehinderte besonders herausfordernd. Screenreader können Online-Oberflächen interpretieren und Text laut vorlesen, aber Sie müssen Ihren Text und Code für die Verwendung von Screenreadern optimieren. Das Navigieren auf textlastigen Seiten kann frustrierend sein, wenn Sie Inhalte nicht überfliegen können und Ihnen Designindikatoren oder Bilder fehlen, die Kontext bieten.

Hier kommen Designer und Entwickler zusammen, um großartigen, lesbaren Alternativtext und Code zu erstellen. Alt-Text für Barrierefreiheit zu schreiben bedeutet zu wissen, wie man Bilder und Seitenelemente klar und zielgerichtet beschreibt. Beschriften Sie Header-Tags auf Webseiten, beschreiben Sie Links im Text und formatieren Sie Elemente wie Formulare für Screenreader.

Damit Ihre Bemühungen um barrierefreies Design nicht umsonst sind, stellen Sie sicher, dass alle Browser Ihren Code lesen können.

Für Benutzer, die sehbehindert, aber nicht blind sind, kontrastieren Sie die Farbe für die Sichtbarkeit und machen Sie die Schriftgröße anpassbar. Das Vornehmen dieser Anpassungen sollte sich nicht negativ auf das Erscheinungsbild anderer Elemente der Benutzeroberfläche auswirken. Die Verwendung eines hohen Kontrastverhältnisses ist auch eine von vielen Möglichkeiten, das UI-Design farbenblindfreundlich zu gestalten.

Viele dieser Tipps können und sollten angepasst werden, um auch barrierefreies Marketing für Sehbehinderte zu schaffen.

Design für Gehörlose und HOH

Design für Gehörlose und Schwerhörige wird immer wichtiger, da Multimedia-Elemente, von GIFs bis hin zu Videos, immer mehr Inhalte übernehmen. Eine der besten Möglichkeiten, Ihre Inhalte für Gehörlose zugänglich zu machen, besteht darin, Untertitel und Transkriptionen für alle Audiodateien einzufügen.

Durch die Bereitstellung von Untertiteln wird Ihr potenzielles Publikum auch auf Sprecher anderer Sprachen und alle Personen erweitert, die Audio nicht laut wiedergeben können.

Design für kognitive Behinderungen

Benutzer mit kognitiven oder neurologischen Herausforderungen, einschließlich ADHS, Legasthenie, Lernschwierigkeiten und Epilepsie, sollten bei der Entwicklung Ihrer Produkte ebenfalls berücksichtigt werden.

Halten Sie sich an einfache Sprache, konsistente Navigation, klare Hierarchien innerhalb der Informationsarchitektur und erlauben Sie Zeitanpassungen für zeitgesteuerte Aufgaben. Wenn Sie eine interne Suchmaschine einbinden, optimieren Sie diese so, dass sie Rechtschreibfehler verzeiht. Von diesen Anpassungen profitieren alle Ihre Benutzer bei der Navigation in Ihrem Produkt, sowohl diejenigen mit als auch ohne kognitive Behinderungen.

Für Benutzer mit Epilepsie gibt es Richtlinien für sichere Inhalte, die Sie befolgen können, um das Auslösen von Anfällen zu vermeiden. Blinkende Inhalte sind ein häufiger Auslöser, daher empfiehlt es sich, das Blinken auf weniger als dreimal pro Sekunde zu beschränken. Vermeiden Sie immer die Farbe Rot in blinkenden Inhalten.

Design für motorische Behinderungen

Mitglieder Ihrer Benutzerbasis haben möglicherweise eine motorische Behinderung, wie eingeschränkte Mobilität oder Zittern, mit der sie geboren wurden oder die sie nach einem Unfall oder Schlaganfall hinterlassen haben. Viele dieser Benutzer nutzen Hilfstechnologien, einschließlich alternativer Tastaturen und Sprachbefehlssoftware.

Machen Sie Ihre Designs und Inhalte für Benutzer mit motorischen Behinderungen zugänglich, indem Sie sicherstellen, dass sie mit der Tastaturnavigation und der Befehlstechnologie kompatibel sind. Alle Site-Aktionen und -Aufgaben sollten auf diese Geräte übersetzbar sein.

Andere Formen der Barrierefreiheit

Menschen mit Behinderungen sind nicht die einzigen, die Barrieren bei der Barrierefreiheit erleben. Der Kontext, in dem ein Produkt verwendet wird, kann die Benutzerfreundlichkeit auf verschiedene Weise beeinflussen. Zu den situativen Einschränkungen gehören Schlafentzug, Aufenthalt im Untergrund, Aufenthalt in einer hell erleuchteten Umgebung, begrenzte Bandbreite oder sogar der Aufenthalt an einem öffentlichen Ort.

Durch die Berücksichtigung aller Usability-Barrieren nähert sich ein Webdesigner dem universellen Design, bei dem alle Benutzer ein Produkt in allen Kontexten verwenden können.

Forschung. Entwurf. Prüfung. Wiederholen.

Barrierefreiheit sollte von Beginn des Designprozesses an einbezogen werden, aber es ist nie zu spät, damit anzufangen. Barrierefreiheitstests sind eine von vielen UX-Forschungsmethoden, mit denen Sie Usability-Probleme im Voraus aufdecken können. Sie können auch Zielgruppenpersönlichkeiten für behinderte Benutzer erstellen, damit Sie deren Bedürfnisse einfühlen und gleichzeitig die Benutzererfahrung gestalten können.

Führen Sie nach dem Design regelmäßig Überprüfungen der Barrierefreiheit Ihrer entwickelten Produkte durch, auch wenn diese öffentlich sind. Stellen Sie sicher, dass alles, vom Code bis hin zu Alt-Tags und Farbschemata, den Standards für barrierefreies Design entspricht. Das A11Y-Projekt bietet hervorragende Ressourcen für die Bewertung der Barrierefreiheit.

Bewerten Sie beim Entwerfen und Prüfen Ihrer digitalen Produkte die Zugänglichkeit Ihrer Audio-, Farb-, Animations-, Bildsprache, Struktur, Steuerelemente, Schriftart und Zeitelemente.

Machen Sie barrierefreies Design zu einer Priorität

Wir nutzen Technologie täglich, um unser Leben einfacher zu machen, und jeder verdient den gleichen Zugang zu diesen Tools. Wenn Sie sich verpflichten, barrierefreie Websites und Apps zu entwickeln, tragen Sie zur Gleichstellung bei und steigern gleichzeitig Ihre KPIs.

Wenn Sie ein digitales Produkt erstellen oder ein Redesign benötigen, machen Sie Barrierefreiheit zu einer Priorität und wenden Sie sich an die Designexperten.