🔶 🔖 🤺 Wie wir Zugänglichkeitstests in Alfa Digital durchgeführt haben 👨🏻‍🚒 🏇🏾 🗒️

Digitale Produkte sollten nicht nur schön, bequem und rentabel sein, sondern auch für Menschen mit Behinderungen zugänglich sein. Dies ist wichtiger als es auf den ersten Blick scheint. Manchmal muss dies dem Unternehmen, den Produktbesitzern und den direkten Kollegen mitgeteilt werden. Aber dann stellt sich heraus, dass Sie Ihr Produkt auf ein neues Niveau bringen. Wir sind mit einem erfahrenen iOS-Entwickler zusammenfamilkoErzählen Sie von unseren Erfahrungen.

Die Alfa-Bank ist Teil einer speziellen Arbeitsgruppe der Zentralbank mit dem Ziel, die Qualität von Finanzprodukten für Gruppen mit Sehbehinderungen zu verbessern. Es wurde bereits eine spezielle Arbeits- und Bewertungsmethode entwickelt, an die sich alle Banken halten.

Und so haben wir getestet.

Benutzer und Szenarien

Zunächst luden wir Menschen mit Sehbehinderung (verschiedener Gruppen) zum Testen ein.

Die erste Gruppe von Sehbehinderungen sind völlig blinde Menschen, die gezwungen sind, spezielle Geräte und Software (Bildschirmleser, VoiceOver) zu verwenden.

Die zweite und dritte Gruppe sind sehbehindert, die je nach Krankheit solche Geräte verwenden oder ohne sie erfolgreich auskommen.

Ja, es ist wichtig zu beachten, dass es bei der Durchführung von Tests, deren Ergebnis die Fertigstellung oder sogar Bearbeitung des gesamten Antrags oder seiner einzelnen Funktionen ist, nicht schadet, dem Unternehmen seinen Bedarf zu vermitteln. Weil es auch Kosten, Zeit und Mühe kostet. Hier stellt sich eine solche Geschichte heraus, dass einerseits solche Handlungen für Menschen mit Sehbehinderungen in der sozialen Verantwortung des Unternehmens liegen, andererseits, wie Statistiken zeigen, bis zu 30 Prozent der Bevölkerung des Landes in verschiedenen Situationen vorübergehende Sehschwierigkeiten haben können, und dies bereits beeindruckende Figur.

Deshalb haben wir uns zusammengesetzt und mit ihnen die vier beliebtesten Szenarien für die Verwendung von Alpha Mobile getestet. Hier sind sie:

Antragsberechtigung
Balance Check
Anzeigen Ihrer Konten (Verlauf, Status)
Aufladen des mobilen Kontos

Natürlich können die Szenarien je nach Person unterschiedlich sein - jemand bezahlt die Unterkunft und die kommunalen Dienstleistungen häufig mit einem QR-Code, jemand überweist Geld an Verwandte, aber die häufigsten sind diese vier.

Testmethoden und Werkzeuge

Es gibt eine spezielle GOST R 52872-2012 , "Barrierefreiheitsanforderungen für Sehbehinderte", die alle Standards ausreichend detailliert beschreibt. Das verwenden wir, indem wir jedem gefundenen Fehler eine entsprechende Bezeichnung zuweisen. Insgesamt wurden alle gefundenen Probleme in drei Kategorien unterteilt.

Designproblem. Am Eingang der mobilen Bank ist dies beispielsweise das übliche Fenster, in dem jeder den PIN-Code eingeben kann. Sie haben keinen Fokus auf das Eingabefeld und die Person spricht nicht laut, wie viele Versuche sie zur Eingabe des PIN-Codes unternimmt.

Bei uns war es so. Es klingt nach einem mittelmäßigen Problem, aber das ist eine kritische Sache. Wenn eine Person nicht hören kann, ob sie den Stift richtig eingegeben hat oder nicht, wie viele Versuche sie noch hat, kann sie diese Anzahl von Versuchen durchaus überschreiten. Dies bedeutet, dass der Zugang zu Alfa Mobile vorübergehend gesperrt wird, was zu Unannehmlichkeiten führt.

Problem mit der Codequalität. Dies ist der Fall, wenn nicht alle Elemente, die Sie aussprechen, korrekt sind. Beispielsweise können an einigen Stellen die Navigationspfeile als "Ende der Tabelle" und ähnliche Systemteile verwendet werden.

Das Problem des Kontrasts. Zum Beispiel ist es hier selbst bei normaler Sicht schwierig, den Text zu lesen. Sie müssen dies loswerden und dies sofort berücksichtigen.

"
Unsere Arbeit bestand aus vier Hauptschritten:

Versammelte eine Gruppe von Testern (7 Personen) und regressierte die Anwendung
Getrennt von Entwicklungszweigen, analysierte Probleme und Elemente
Sie schrieben sie auf einen Teller, priorisiert
Kritisch begann zu bearbeiten

Das Testen hilft Apples Ansatz bei der Erstellung von Produkten. Erstens ist es sehr praktisch, alles direkt auf dem Gerät zu testen. Die Cupertiner haben alles cool angepasst.

Zweitens gibt es Xcode mit seinem Eingabehilfen-Inspektor. Dieses Dienstprogramm zeigt eine bestimmte Ansicht von Schaltflächen und Elementen an, wenn Sie mit der Maus über den Bildschirm fahren. Sie können schnell alles lesen und verstehen, ob es richtig gesprochen wird. In unserem Fall war dies das Hauptproblem - das Signieren von Schaltflächen für VoiceOver.

Wir haben Fehler festgestellt, indem wir die Funktionalität und den Komfort einer mobilen Anwendung bewertet haben, die Menschen mit Sehproblemen verwenden. Die Bewertung erfolgt durch Testen des Durchgangs aller grundlegenden Benutzerszenarien.

Je grundlegendere Benutzerszenarien für den Kunden verfügbar sind und je weniger Hindernisse und Schwierigkeiten beim Durchlaufen des Skripts festgestellt werden, desto höher ist die Bewertung.

Der Grad der Skriptverfügbarkeit wird durch das kritischste Problem bestimmt.

Kritisch erhält ein Szenario, in dem ein kritisches Verfügbarkeitsproblem festgestellt wird, bei dem die Aufgabe überhaupt nicht ausgeführt werden kann.
Minderjährige erhalten ein Szenario, in dem Zugänglichkeitsprobleme mittlerer Kritikalität erkannt werden, wenn Benutzer erhebliche Schwierigkeiten bei der Ausführung der Aufgabe haben.
low erhält ein Szenario, in dem Verfügbarkeitsprobleme mit geringer Kritikalität erkannt werden, wenn Benutzer Schwierigkeiten beim Ausführen einer Aufgabe haben.

Wie vermeide ich Zugänglichkeitsfehler?

Verwenden Sie zunächst das UI Accessibility Element-Protokoll.

Dann müssen Sie Voice Over verbessern (eine spezielle Makoshi-Funktion, die einem sehbehinderten Benutzer hilft, mit Sprachbefehlen und einer Tastatur zu arbeiten):

Zeichenknöpfe.
Werte hinzufügen.
Hinterlasse einen Hinweis.
Gruppensteuerung.
Korrigieren Sie die falschen Beschriftungen.
Geben Sie die Art der Steuerung an: Schaltfläche, Beschriftung, Link usw.
Erweitern Sie Schaltflächen oder Elemente, wenn sie zu schmal sind (mindestens 44: 44).

Folgendes empfehlen wir noch: 1. Schaltflächen - .accessibilityLabel

Jede Schaltfläche muss einen kurzen und resonanten Namen erhalten. VoiceOver sichert ab, wenn Sie es vergessen, versucht es, den Text oder den Namen des Symbols auf der Schaltfläche zu lesen.

Was Sie unterschreiben müssen:

Schaltflächen mit einem Symbol, jedoch ohne Text;
Bilder. Wenn möglich, ist es besser zu unterschreiben, was auf dem Bild gezeigt wird.
Eine Schaltfläche und ein Bild ohne Beschriftung geben den Namen des Symbols an, wie in Assets

2. Werte - .accessibilityValue

Zusätzlich zum Namen können Sie einen Wert schreiben. Wenn Sie beispielsweise den Geldbetrag mit textField eingeben, müssen Sie den Namen des Kontos oder der digitalen Endung unterschreiben und auch die Anzahl der Rubel angeben.

3. Tipps - .accessibilityHint

Wenn wir die Aktion näher erläutern möchten, können wir einen Hinweis in .accessibilityHint schreiben. Sie sollten sich jedoch nicht stark auf Eingabeaufforderungen verlassen: Ständige Erklärungen stören Sie, sodass einige Benutzer sie über die Telefoneinstellungen deaktivieren.

Die Schaltfläche wird als "An eine andere Bank" gesendet. Zur Erklärung können Sie einen Hinweis hinterlassen, welche Art von Überweisung, wie schnell und so weiter.

4. Gruppensteuerung - Zugänglichkeit

Standardmäßig wird jedes Element separat gesprochen. Dies ist unpraktisch: Die Druckzonen sind reduziert, Sie bemerken möglicherweise nichts, daher müssen Sie verallgemeinern.

Jetzt hat die Zelle mehrere Felder: Karte, Geld und Name, 3 Kontrollen pro Zelle. Es ist notwendig zu verallgemeinern, dass es 1 Zelle und einen Namen gab, damit sich herausstellt, dass es näher an der Bedeutung liegt.

Wie man es repariert?

Machen Sie die gesamte Zelle zugänglich. Standardmäßig sind alle Ansichten nur Container für andere Elemente, VoiceOver ignoriert sie. Um die Ansicht als letztes Element zu markieren, müssen Sie die Zelle isAccessibilityElement = true festlegen.
Geben Sie der Zelle einen Namen. Sie können sich nicht mehr auf die Beschriftung konzentrieren, daher müssen Sie den Text manuell angeben. accessibilityLabel = specialOffer.title

Sie können vereinfachen:

Machen Sie die gesamte Zelle zugänglich. Setzen Sie die Zelle isAccessibilityElement = true
Schreiben Sie in accessibilityLabel das Wichtigste: den Namen der Karte und des Kontos. VoiceOver wird durch Komma getrennt und berücksichtigt die Interpunktion.
Geben Sie in accessibilityValue zusätzliche Informationen an. In unserem Fall ist dies welches Konto, wie viel Geld.
Zeigen Sie an, dass die Zelle gedrückt werden kann, d.h. Dies ist im Wesentlichen eine Schaltfläche. accessibilityTraits = .button

Gesamt

Die USABILITYLAB-Rangliste gab uns den ersten Platz in Bezug auf die Verfügbarkeit von Apps. Dies bedeutet nicht, dass wir so cool sind und alle Probleme im Allgemeinen geschlossen haben, um eine ideale Anwendung zu werden, nein. Aber wir arbeiten daran und berücksichtigen alle Feinheiten und Merkmale der Arbeit mit Menschen mit Sehproblemen.

Es ist auch sehr cool, dass diese Geschichte uns geholfen hat, solche Leute anzulocken - sie senden uns oft Feedback, und eine Reihe von Befragten helfen jetzt, Alfa Mobile fortlaufend zu testen.

Wir arbeiten weiter.

Wie wir Zugänglichkeitstests in Alfa Digital durchgeführt haben

Benutzer und Szenarien

Testmethoden und Werkzeuge

Wie vermeide ich Zugänglichkeitsfehler?

Gesamt

More articles: