Unser Experte für mobile Barrierefreiheit, Chris McMeeking, wird auf ein Designmerkmal eingehen, das ihm in letzter Zeit aufgefallen ist. Er wird erläutern, warum dieses Merkmal zwar gut gemeint ist, aber warum es für Menschen mit einer Behinderung – sofern sie keine blinden TalkBack-Nutzer sind – von Natur aus nicht barrierefrei ist. Nachstehend finden Sie eine Abschrift des Videos; das Video verfügt außerdem über zeitgesteuerte Untertitel. Viel Spaß!
Einleitung
Hallo, mein Name ist Chris McMeeking, ich bin Softwareentwickler hier bei Deque. Außerdem bin ich Experte für Barrierefreiheit und Mitglied der DW3C-Arbeitsgruppe für mobile Barrierefreiheit. Ich bin heute hier, um mit Ihnen über ein ärgerliches Designmuster zu sprechen, das ich immer häufiger beobachte. Ich habe gesehen, dass Google dies kürzlich in seiner Google-Plus-App umgesetzt hat. Ich habe es auch bei LinkedIn und in einigen anderen Anwendungen gesehen. Es ist interessant, weil es meiner Meinung nach auf guten Absichten beruht, aber letztendlich nicht im Sinne eines inklusiven Designs ist. Darauf werde ich eingehen, wenn wir es uns genauer ansehen.
Als Erstes werde ich also Talkback ausschalten. Beachtet, dass ihr in meinem Screenshot hier sehen könnt, wo ich den Bildschirm berühre. Sie sehen hier den Kreis – genau dort berühre ich den Bildschirm – und ich werde Talkback nun einschalten. Wenn ich Talkback einschalte, sehen Sie, dass hier unten diese kleine Meldung erscheint. Das ist die Sprachrückmeldung, die Talkback mir gibt. Und ich werde diese Rückmeldungen über diese Toasts an Sie weitergeben. Und wenn etwas wichtig ist, werde ich darauf achten, es anzukündigen.
Ein Google+-Beitrag: „The Good (Data Association)“ [1:18]
Gehen wir hierhin. Öffnen wir Google Plus. Ich habe Google Plus geöffnet, gehen wir zurück und suchen wir einen Beitrag. Suchen wir irgendeinen Beitrag. Ich denke, am besten gehen wir auf die Startseite und dann zu … schauen wir uns diese vegetarischen Rezepte an. Da haben wir dieses vegetarische Rezept. Und jetzt schauen wir uns das … an – und beachten Sie: Wenn ich mit Talkback den Fokus darauf setze, hat mein Talkback-Fokusrechteck im Grunde die Daten auf dem gesamten Bildschirm umschlossen. Und genau das ist der Punkt, über den ich sprechen möchte. Das ist verwirrend, das ist unübersichtlich. Das ist schwer zu bedienen, das ist vielleicht gut … Ich verstehe die Motivation für dieses Muster. Ich verstehe, dass die Nutzer und auch Google hier versuchen, all diese Informationen zusammenzufassen, richtig? All diese Informationen hängen zusammen, und es ist wichtig, das zu erfassen. Die Verknüpfung von Daten ist eine wichtige und komplizierte Sache, besonders auf Mobilgeräten, wo man durch Berühren navigieren kann.
Die Datenzuordnung ist eine wichtige und komplexe Angelegenheit.
Aber lassen Sie uns doch mal über diese „Touch-to-Explore“-Funktion sprechen, oder? Denn für blinde Talkback-Nutzer, die diese umfassende globale Zuordnung vornehmen, all diese Daten miteinander verknüpfen und über ein wirklich großes Touch-Ziel verfügen, ist das vielleicht eine gute Sache. Außerdem haben die Entwickler es so gestaltet, dass man durch einen Doppelklick dieses Kontextmenü öffnet, sodass alle verfügbaren Aktionen zugänglich sind. Wir können gleich noch etwas näher auf die Optionen eingehen, die in diesem Kontextmenü enthalten sind. Aber lassen Sie uns zunächst auf einen der Nachteile hinweisen, den ich bei diesem Designmuster sehe. Und das ist die Darstellung der Informationen. Eines der Themen, über die wir gesprochen haben, war die Idee, all diese Informationen zu sammeln und miteinander zu verknüpfen. Und wenn man sich das alles durchliest – sofern man das überhaupt schafft –, kommt man letztendlich zu dem Ergebnis, dass man 54 Likes, vier Kommentare, zwei Shares und so weiter und so fort hat.
Denn vielleicht ist das für blinde Talkback-Nutzer … ja gerade eine gute Sache.
Das sind alle Informationen dazu. Lasst uns also den Fokus neu ausrichten und diesen Beitrag genauer unter die Lupe nehmen. Manju Mahadevan, vor neun Stunden. Diese pikante Mischung aus Erdnüssen, Linsen, Reismehl und Linsenchips, die einfach „Mixture“ genannt wird, ist ein beliebter südindischer Snack, bla, bla, bla. Vier Kommentare, 54 „Gefällt mir“, zwei Personen haben den Beitrag geteilt. Das ist der gesamte Beitrag. Was sie also gemacht haben, ist, all diese Informationen in einem wirklich ansprechenden Paket zu bündeln, und danach folgen die Aktionen: Kommentieren, Link öffnen – dabei wird der Name des Links angezeigt –, den vollständigen Beitrag anzeigen, „Gefällt mir“ geben, zum Profil von Manju Mahadevan navigieren, erneut teilen, doppelt tippen, um zu aktivieren. Und das ist cool. All diese Informationen sind in einer einzigen Blase zusammengefasst, was sehr praktisch ist.
Ein Google+-Beitrag: Das Schlechte (Ausblenden aktiver Steuerelemente vor assistiver Technologie) [3:58]
Allerdings ist es wirklich schwer, so viele Informationen auf einmal zu verarbeiten, vor allem, wenn das Letzte, was man über diese Informationen mitbekommt, die Aktionen und die Tatsache sind, dass sie aktiviert werden können. Und ein blinder Nutzer, der darauf zurückkommt, wird sich daran gewöhnt haben. Und dann aktivieren wir es wieder und haben all diese Aktionen dort. Das ist toll. Das ist cool. Es ist gut, diese Informationen gebündelt zu haben, es ist gut, all diese Dinge miteinander zu verknüpfen, aber was wir dabei verlieren – lassen Sie uns nun über all die Dinge sprechen, die wir verloren haben.
Es ist wirklich schwer, so viele Informationen auf einmal zu verarbeiten.
Weil wir die Fähigkeit verloren haben, viele Dinge zu tun. Nehmen wir einmal an, ich bin ein „Sided“-Talkback-Nutzer. Dass ich Talkback nur nutze, damit es mir Dinge vorliest, weil ich Schwierigkeiten beim Lesen habe. Oder vielleicht ist mein Sehvermögen so, dass ich zwar Dinge auf der Seite sehen kann, ich sehe die Bedienelemente, aber ich kann nicht mit ihnen interagieren. Achten Sie darauf, wo ich hier berühre. Dieses Berührungsziel. Ich versuche, den Fokus auf diese Kommentar-Schaltfläche hier zu setzen, aber es gelingt mir nicht. Ich versuche, den Fokus auf diese „Teilen“-Funktion hier zu setzen, aber es gelingt mir nicht. Ich versuche, den Fokus auf dieses „Plus-Eins“-Symbol zu setzen, aber es gelingt mir nicht. Hier gibt es bedienbare Steuerelemente, auf die Talkback den Fokus nicht setzen kann.
Hier gibt es bedienbare Steuerelemente, auf die Talkback den Fokus nicht setzen kann.
Nun, ich habe unter anderem gesagt, dass dies aus der Sicht eines blinden Talkback-Nutzers vielleicht barrierefrei ist. Vielleicht ist es wichtig, all diese Informationen zu sammeln. Die Tatsache, dass es hier Steuerelemente gibt, dass es hier separate Steuerelemente gibt und dass ich den Fokus normalerweise einzeln auf sie setzen kann – das allein liefert bereits Informationen.
Die Tatsache, dass es separate Bedienelemente gibt …, vermittelt an sich schon Informationen.
Struktur IST Information [5:23]
Wenn wir all das zusammenfassen und dieses große Fokusrechteck um diesen gesamten Informationsklumpen legen, geht mir Inhalt verloren, denn Struktur ist Information. Und wenn man diesen einen großen Fokus auf einen Klumpen zwingt, werden dem Nutzer Informationen vorenthalten. Es gibt bessere Möglichkeiten, Steuerelemente zu gruppieren. Zum Beispiel die Beschriftung für ein Attribut. Stellen Sie sich zum Beispiel vor … ich könnte ganz schnell durch die Inhalte wischen, den Fokus auf einzelne Steuerelemente richten und beispielsweise „+1“ für diesen Beitragstitel vergeben. Oder einen Kommentar zu diesem Beitragstitel hinterlassen. Oder diesen Beitragstitel einzeln teilen – anstatt alles in diesem großen Informationsklumpen zusammenzufassen.
Es gibt bessere Möglichkeiten, Steuerelemente zu gruppieren (und miteinander zu verknüpfen).
Inklusives Design [6:05]
Denn bei dieser riesigen Informationsflut geht es, wie ich bereits sagte, nicht darum … Bei der Barrierefreiheit geht es nicht darum, Dinge speziell für blinde Talkback-Nutzer zu entwickeln. Die Motivation dahinter ist zwar gut, aber es geht um inklusives Design. Sprechen wir nun über die anderen Nachteile, die diese Designpraxis mit sich bringt. Nehmen wir an, du bist Nutzer einer Braille-Tastatur, kommst zu diesem Steuerelement, siehst dir das hier an und versuchst, all diese Informationen auf einmal zu verarbeiten.
Bei der Barrierefreiheit geht es nicht darum, Dinge speziell für blinde Talkback-Nutzer zu entwickeln.
Indem Sie all diese Elemente gruppiert haben und nicht zulassen, dass der Fokus separat auf jedes dieser Steuerelemente gesetzt werden kann, haben Sie den Nutzer einer Braille-Tastatur dazu gezwungen, einen sehr, sehr großen Teil des Inhalts zu erfassen. Nicht nur das – ich würde sogar behaupten, dass die Aktionen, die Teilen-Funktion, die Möglichkeit, Kommentare abzugeben, und die Tatsache, dass das Ganze interaktiv ist, eigentlich die wichtigen Informationen hier sind. Die Tatsache, dass man einen Beitrag mit „+1“ bewerten, ihn kommentieren und diese Kommentare sehen kann. Das sind die wichtigen Informationen, und sie werden in diesem Designansatz als Letztes angezeigt. Für einen Nutzer eines Braille-Boards oder sogar einen blinden Talkback-Nutzer, der auf dieses Feedback wartet, wird das zu einer frustrierenden Benutzererfahrung führen. Wenn man hingegen einfach schnell durchwischen und sehen kann: „Oh, dieser Beitrag hat 54 ‚Plus Eins‘ – ich gehe zurück und schaue ihn mir an“, dann sind das die wichtigeren Informationen hier. Und da diese nicht separat verfügbar ist, dauert es lange, bis man zu dieser wichtigen Information gelangt.
Das sind die wichtigen Informationen, und sie werden in diesem Designansatz zuletzt genannt.
Und wie ich bereits gesagt habe: Struktur und die Trennung der Steuerelemente sind eigentlich Informationen an sich. Und diese Informationen gehen bei diesem Designmuster für jeden Nutzer völlig verloren – sei es für einen sehenden Talkback-Nutzer, der versucht, diese Steuerelemente separat zu aktivieren, oder für einen blinden Talkback-Nutzer, der nicht weiß, dass es auf dieser Seite separate Steuerelemente gibt.
Die Struktur und die Trennung der Kontrollfunktionen sind eigentlich schon Informationen an sich
Das war jedenfalls alles, was ich dazu zu sagen hatte. Falls ihr Fragen dazu habt, welches Muster meiner Meinung nach hierfür besser geeignet wäre oder wie man das umsetzen könnte, könnt ihr diese gerne in den Kommentaren stellen. Vielen Dank fürs Zuhören.
