Barrierefreiheit für Apps: Richtlinien, Beispiele und Best Practices zur Pflege des Benutzers

Laut WHO leiden 15 % der Weltbevölkerung an irgendeiner Form von Behinderung. In den meisten Fällen streben bewusste Gesellschaften danach, gesundheitliche Unterschiede auszugleichen, damit diese Bevölkerungsgruppe keine Hindernisse für eine anerkannte Lebensqualität spürt. Und es funktioniert gut, bis eine Person mit einer Behinderung mit einer Situation konfrontiert wird, in der etwas aufgrund der schlechten Zugänglichkeit der mobilen App nicht in ihrer Reichweite ist.

Warum ist mobile Erreichbarkeit wichtig?

Ihre Bewerbungen inklusiv zu gestalten, ist nicht nur eine Frage der sozialen Verantwortung. Neben der Kultivierung der Vielfalt erschließen zugängliche mobile Anwendungen eine zusätzliche Einnahmequelle, geben Ihrem Unternehmen wettbewerbsfähigen Rückenwind und helfen, Compliance-Vorschriften einzuhalten.

Empathie

Wenn wir älter werden, sehen wir uns alle einigen Einschränkungen gegenüber, sei es ein beeinträchtigtes Hörvermögen, ein vermindertes Sehvermögen oder eine motorische Beeinträchtigung. Darüber hinaus können situative und vorübergehende Behinderungen uns alle in ähnliche Situationen bringen wie Menschen mit einer Langzeitbehinderung. Daher ist die mobile Erreichbarkeit eine langfristige Investition, die uns unter anderem hilft, uns um die ältere Generation, unser älteres Ich und diejenigen zu kümmern, die mit vorübergehenden Bedingungen zu kämpfen haben.

Assistive Technologie ist auch eine wichtige Strategie, um Menschen, die mit zusätzlichen Herausforderungen konfrontiert sind, besser in die moderne Welt und Online-Communities zu integrieren.

Wettbewerbsvorteil

Laut Statistik lebt jeder vierte Amerikaner mit einer Behinderung. Indem Sie Ihre Lösung inklusiv gestalten, decken Sie zusätzliche 61 Millionen Benutzer ab, wodurch die Benutzerreichweite Ihrer Anwendung erweitert wird.

Außerdem ist die Tech-Inklusion kommerziell interessant. Die Kaufkraft von Menschen mit Behinderungen liegt bei rund 500 Milliarden US-Dollar nach Steuern. In Anbetracht der Anzahl der nicht zugänglichen Apps kann die Zugänglichkeit Ihrer App und Ihres Mobilgeräts diese zusätzliche Einnahmequelle generieren.

Die Erreichbarkeit von Mobiltelefonen senkt auch die Betriebskosten Ihres Unternehmens. Eine niederländische SNS-Bank reduzierte die Anzahl der Callcenter-Anrufe und die damit verbundenen Kosten um über 15 %. Die Einsparungen sind mit Änderungen der mobilen Web-Zugänglichkeit verbunden, die die Bank früher vorgenommen hat.

Barrierefreiheit macht bessere Technik für alle

Tech-Inklusion ist für einige unerlässlich, aber für alle nützlich. Untertitel, virtuelle Assistenten und Spracherkennungssoftware sind die wichtigsten Funktionen für alle Benutzer, einschließlich Menschen mit Behinderungen. Sprachroutenanweisungen sind beispielsweise sowohl eine Barrierefreiheitsfunktion als auch eine Freisprechoption für Fahrer. Daher wird es allen zugute kommen, Ihre Lösung all-in zu machen.

Einhaltung von Normen und Vorschriften

In vielen Fällen sind Barrierefreiheitsstandards für mobile Apps gesetzlich vorgeschrieben. Die Americans with Disabilities Act Standards for Accessible Design (ADA) schreiben die Einbeziehung aller Menschen in alle Bereiche des öffentlichen Lebens vor, einschließlich webbasierter Unternehmen und ihrer Anwendungen.

Das ADA-Gesetz arbeitet auch mit den Web Content Accessibility Guidelines (WCAG) zusammen, die einen einzigen gemeinsamen Standard für die Zugänglichkeit von Webinhalten dokumentieren. Die aktuelle WCAG-Version ist 2.1, eine überarbeitete Version ist für September 2022 geplant.

Bis 2025 müssen alle in der EU ansässigen Unternehmen ihre Dienstleistungen und Produkte auch barrierefrei optimieren, um die europäischen Richtlinien zur Barrierefreiheit für mobile Apps einzuhalten.

Besseres Markenimage

Schließlich kommt die digitale Zugänglichkeit Ihrer Marke zugute und schafft mehr Möglichkeiten für Markenbotschafter. Außerdem sind 56 % der Kunden der Meinung, dass ein Unternehmen zu gesellschaftlichen Themen klar Stellung beziehen sollte.

Wie kann die Zugänglichkeit der mobilen App sichergestellt werden?

Ab heute gelten die Richtlinien für barrierefreie Webinhalte (WCAG) als Maßstab für die Zugänglichkeit von Websites. Die Richtlinien enthalten auch WCAG für Mobilgeräte, die Best Practices für die mobile Zugänglichkeit skizzieren. Im Folgenden werden wir darüber sprechen, wie Ihre Anwendung beschaffen sein sollte, um gemäß den WCAG wirklich barrierefrei zu sein.

Denken Sie daran, dass jedes Prinzip drei Konformitätsstufen umfasst, wobei A die Mindeststufe und AAA für vollständige Konformität steht. Die meisten Organisationen streben danach, AA als goldenen Mittelwert zu bewerten.

Wahrnehmbar

Ihre Lösung wahrnehmbar zu machen bedeutet, dass Benutzer sie mit einem oder mehreren Sinnen wahrnehmen können müssen. Mit einfachen Worten, wenn der Inhalt Ihrer App auf ein visuelles Erlebnis ausgerichtet ist, sollte es eine Alternative geben, die die auditive Wahrnehmung oder eine andere sensorische Modalität umfasst.

Was kann hier das Problem sein?

• Keine Textalternativen

Einige Lösungen bieten möglicherweise keine Textalternativen für auf dem Bildschirm angezeigte Nicht-Text-Inhalte, seien es Steuerelemente oder Bilder, in einer Weise, die vom Bildschirmleser wahrgenommen werden kann. Es macht die App von Natur aus unlesbar für TalkBack oder VoiceOver, die Standard-Screenreader auf Android bzw. iOS sind.

Im Gegenteil, Sprachbeschreibungen machen alle Nicht-Text-Daten für Blinde oder Menschen mit geringem oder schwachem Sehvermögen zugänglich. Facebook hat zum Beispiel automatischen ALT-Text eingeführt, um visuelle Inhalte für Screenreader zu beschreiben.

• Keine Anpassungsfähigkeit

Eine mobile Lösung übersieht die Zugänglichkeit, wenn ihre Struktur nicht ohne weiteres an unterschiedliche Inhaltspräsentationsstrukturen und -ausrichtungen angepasst werden kann. Insbesondere kann ein inklusives Produkt sowohl ins Quer- als auch ins Hochformat wechseln, ohne Inhalte oder Elemente zu opfern, wie im Beispiel unten.

Richtlinien für die Zugänglichkeit nativer mobiler Apps schreiben Ihrem Produkt außerdem vor, Informationen, Strukturen und Hierarchien zwischen Elementen auszuzeichnen. Auf diese Weise bleiben Überschriften, Tabellen und Listen intakt, wenn sich die Präsentation ändert, und Ihre Layouts bleiben einfach und konsistent.

Anpassungsfähigkeit ist für Menschen mit motorischen Beeinträchtigungen, Benutzer von Bildschirmlesegeräten sowie Menschen mit Lernschwierigkeiten und kognitiver Erschöpfung von entscheidender Bedeutung.

• Keine Unterscheidungsmerkmale

Unzureichender Kontrast, eine schlechte Farbauswahl oder das Fehlen von Textgrößenanpassungen beeinträchtigen die Wahrnehmung der Benutzer. Zum Beispiel haben Menschen mit Farbwahrnehmungsproblemen Schwierigkeiten, zwischen bestimmten Farben zu unterscheiden. Daher sollten Farben nicht die einzige Möglichkeit sein, Unterschiede zu vermitteln oder Maßnahmen anzuregen. Kombinieren Sie stattdessen Farbe und Text oder Zeichenhinweise, um Informationen zu vermitteln.

Der Verlust von Inhalt oder Funktionalität ist ein weiteres häufiges Problem der Barrierefreiheit, das typischerweise auftritt, wenn ein sehbehinderter Benutzer den Text zoomt. Ihre Einstellungen für die mobile Zugänglichkeit müssen eine Erhöhung um bis zu 200 % zulassen, während alle Inhalte und Elemente beibehalten werden.

Bedienbar

Dieses Prinzip erfordert, dass Ihre Anwendung voll funktionsfähige Oberflächen- und Navigationselemente enthält, damit der Benutzer alle Funktionen unabhängig von Beeinträchtigungen oder Behinderungen nutzen kann.

Was kann hier das Problem sein?

• Zeitmangel

Angesichts der Vielfalt der Menschen ist es schwierig vorherzusagen, wie viel Zeit es dauert, die App zu durchsuchen oder einen bestimmten Abschnitt zu finden. Die meisten Banking-Anwendungen haben beispielsweise eine maximale Sitzungsdauer als Sicherheitsmaßnahme. Zeitbegrenzungen oder zeitkritische Inhalte machen es jedoch für einen Bildschirmleser oder einen älteren Benutzer unbequem, Informationen zu verarbeiten.

Flexible Befristungen oder die Abschaltmöglichkeit hingegen machen Ihre Bewerbung senioren-, sehbehinderten- oder fremdsprachigen Menschen freundlicher.

• Flashender Inhalt

Blinkende Inhalte sind ein Warnsignal für inklusive Anwendungen, da sie Anfälle oder andere unerwünschte Effekte hervorrufen können. Daher können Personen mit lichtempfindlichen Anfallsleiden einfach nicht auf blinkende Lichter oder kontrastierende visuelle Muster schauen, ohne dass dadurch eine nachteilige körperliche Reaktion ausgelöst wird. Aus diesem Grund ist es wichtig, Inhalte zu vermeiden, die mehr als dreimal in 1 Sekunde blinken, und den Bereich des Blinkens auf einen kleinen Teil des Bildschirms eines Smartphones zu beschränken.

• Navigation

Navigation, die weder programmatisch markiert noch strukturiert ist, kann einen Benutzer auch daran hindern, den Inhalt zu konsumieren. Dies gilt insbesondere für sehbehinderte Benutzer, die Ihre Anwendung nur mit Hilfstechnologien navigieren können, sowie für Menschen mit kognitiven und motorischen Behinderungen.

Markierungsregionen, beschreibende Überschriften, eindeutige Bildschirmtitel und beschriftete Steuerelemente ermöglichen es sowohl Benutzern als auch Bildschirmlesern, den benötigten Abschnitt schnell und mit weniger Tastenanschlägen zu finden. Die Anwendung kann auch so codiert werden, dass Grafiken und Navigationslinks übersprungen werden, wenn der Inhalt mit einem Screenreader konsumiert wird.

Tastemade zum Beispiel ist ein großartiges Beispiel für Vollbild-Navigation bei der Arbeit, während das Beispiel auf der rechten Seite die Auffindbarkeit für ein schlankes Design geopfert hat.

Verständlich

Gemäß diesem Barrierefreiheitsprinzip müssen alle Informationen und Ihre gesamte Benutzeroberfläche für jeden Menschen unabhängig von seinem Gesundheitszustand leicht verständlich sein. Einfach ausgedrückt, je intuitiver und unkomplizierter Ihre Anwendung ist, desto größer sind die Chancen, dass sie das AAA-Konformitätsniveau erreicht.

Was kann hier das Problem sein?

• Vorhersagbarkeit

Einige Anwendungen ziehen es vor, Designelemente hinter ausgeklügelten Symbolen zu verstecken oder verwenden futuristische Benutzerabläufe. Während solche Designs bewundernswerte Kunstwerke sind, fehlt es ihnen an Klarheit.

Hamburger-Menüs sind beispielsweise ein weithin akzeptierter Standard für die Entwicklung mobiler Apps, der Menüs für kompakte Bildschirme vereinfacht. Sie sind jedoch für Menschen mit Sehbehinderungen, kognitiven Einschränkungen, motorischen Beeinträchtigungen und eingeschränkter Geschicklichkeit weder navigierbar noch vorhersehbar. Die Desktop-Version von Telegram hat zum Beispiel einen Hamburger-Menü-Button.

Das übergeordnete Ziel des vorhersehbaren Designs besteht darin, durch konsistente Designmuster, semantische Standardelemente und eine geordnete Informationsstruktur genaue Erwartungen darüber zu setzen, was als nächstes passieren wird. Eine barrierefreie Anwendung sollte außerdem alle Elemente auf dem Bildschirm leicht erkennbar haben, um ein genaues Verständnis dafür zu vermitteln, wo sich der Benutzer gerade befindet. Untennavigation, vertikale Seitenleiste oder klebrige Menüs spielen es richtig ab.

• Eingabehilfe

Einige Benutzer mit geringerer Sehqualität und mit Lese- und geistigen Behinderungen finden es möglicherweise schwierig, die Informationen fehlerfrei einzugeben oder zwischen obligatorischen und optionalen Feldern zu unterscheiden. Um Hilfe zu leisten, kann eine Anwendungsschnittstelle Hinweise in die Felder aufnehmen, um wichtige Informationen zu verstärken.

Die Hinweise können von beschrifteten Attributen für Bildschirmlesegeräte bis hin zu ausgewählten Zuständen und abgerundeten Ecken reichen.

• Fehlervermeidung

Ebenso funktionieren typische Fehleranzeigemethoden möglicherweise nicht für Personen mit Sehschwäche oder Sehbehinderung oder für farbenblinde Personen. Ebenso haben Benutzer mit Lese- oder motorischen Behinderungen eine höhere Wahrscheinlichkeit, dass sie falsche Eingaben machen, was schwerwiegende Folgen haben kann, einschließlich finanzieller Verbindlichkeiten. Wenn die Anwendung keine vom Benutzer steuerbaren Daten bereitstellt, ist sie daher nicht zugänglich.

Umkehrbare Übermittlungen, Auftragsbestätigungen, das Löschen eines Datensatzes oder das Rückgängigmachen einer Nachricht sind einige Beispiele für Sicherheitsvorkehrungen, die verhindern, dass Benutzer einen Fehler machen.

Robust

Barrierefreiheitsfunktionen sollten nahtlos über Plattformen und Geräte hinweg bereitgestellt werden, einschließlich verschiedener Versionen von Bildschirmlesegeräten, Braille-Terminals oder Textvergrößerungssoftware. Mit einfachen Worten, ein robustes Design ist immun gegen Codierungsfehler, die den Inhalt oder die Funktionen in einem webfähigen Gerät oder einer Hilfstechnologie verfälschen können.

Was kann hier das Problem sein?

• Schlechte Codierung

Wenn dem HTML-Code hinter Ihrer Anwendung vollständige Start- und End-Tags fehlen, wird der Inhalt der App möglicherweise auf verschiedenen Geräten unterschiedlich angezeigt, überhaupt nicht angezeigt oder ist für Hilfstechnologien nicht lesbar. Wohlgeformter HTML-Code, der allen Auszeichnungssprachenspezifikationen entspricht, stellt sicher, dass die barrierefreie Inhaltsstruktur auf allen Plattformen und Geräten wie beabsichtigt bleibt.

Kann die plattformübergreifende Entwicklung ein angemessenes Maß an Zugänglichkeit bieten?

Die plattformübergreifende Entwicklung ist ein Schweizer Taschenmesser, das die Markteinführung beschleunigt und zwei Plattformen mit einer Ein-Code-Basis tötet. Das Zugänglichkeitspotenzial der plattformübergreifenden Entwicklung hinkt jedoch nativen Anwendungen hinterher. Daher sind plattformübergreifende Technologien ein Kompromiss zwischen Barrierefreiheit und Kostenreduzierung, der immer noch zumindest ein grundlegendes Maß an mobiler Barrierefreiheit auf Android und iOS gewährleisten kann.

Daher ist die Entwicklung von Flutter-Apps bestrebt, Apps barrierefreier zu machen, und umfasst eine integrierte Unterstützung für Barrierefreiheit in Kombination mit den gleichen Funktionen des Betriebssystems. Flutter kann Ihnen dabei helfen, Barrierefreiheitsfunktionen wie große Schriftarten, Screenreader-Kompatibilität, ausreichenden Kontrast und mehr zu implementieren.

Denken Sie jedoch daran, dass die mobile Zugänglichkeit ein kollektives Ergebnis Ihres gesamten Entwicklungsteams ist, einschließlich der Flutter-Entwickler. Während sich UX/UI-Designer dem Erstellen integrativer Schnittstellen verschrieben haben, stellen QA-Spezialisten sicher, dass Ihre endgültige App-Version den Barrierefreiheitstest besteht.

Sie müssen sich nicht zwischen Barrierefreiheit und Design entscheiden

Der gleichberechtigte Zugang zu Technologie ermöglicht es allen Menschen, an der Gesellschaft teilzuhaben und technischen Komfort aktiv zu nutzen. Neben der Compliance-Konformität trägt auch die mobile Erreichbarkeit zu einer größeren Nutzerbasis und einem Wettbewerbsvorteil Ihres Unternehmens bei. Viele Entwickler kennen sich jedoch noch nicht mit Coding-Standards für Barrierefreiheit aus, da Exzellenz bei der Barrierefreiheit intensive Forschung und Know-how erfordert. Und selbst wenn sie mit dem Begriff vertraut sind, ist es oft eine Herausforderung, inklusive Funktionen in eine ästhetische Benutzeroberfläche zu packen.
Wenn Sie Schwierigkeiten haben, ein Gleichgewicht zwischen Zugänglichkeit und Design zu finden, weiß unser Unternehmen, wie Sie bei beiden punkten können. Basierend auf Ihren einzigartigen Anforderungen und Zugänglichkeitsstandards integrieren wir Inklusivität nahtlos in ein erstklassiges App-Design. Schreiben Sie uns, um eine erstklassige mobile Lösung zu entwickeln, die allen gerecht wird.

Der Artikel ist ursprünglich hier veröffentlicht