🐻 ☘️ 🙆🏿 Qualitätssicherung und ihre Rolle bei der Schaffung von Ressourcen für Menschen mit Behinderungen 🛌 👩🏻‍⚕️ 💪

In diesem Artikel möchte ich darauf hinweisen, dass das Problem der Zugänglichkeit von Websites und Anwendungen für Menschen mit Behinderungen akuter ist, als es scheint. Unter der Katze befindet sich eine Liste nützlicher Werkzeuge zum Testen und Mikroauditieren mehrerer bekannter Websites.

Definieren wir zunächst die Begriffe.

HIA - begrenzte Gesundheitsoptionen. Solche Menschen können Abweichungen in der körperlichen und / oder geistigen Entwicklung eines ganz anderen Spektrums aufweisen. Laut dem Bericht der WHO (Weltgesundheitsorganisation) über HIA 2018:

Mehr als 1 Milliarde Menschen, ungefähr 15% der Weltbevölkerung, haben irgendeine Form von Behinderung.
110 bis 190 Millionen Erwachsene haben Mobilitätsprobleme, Seh- / Hörprobleme usw.
In Russland leben mehr als 12 Millionen Menschen mit Behinderungen (die meisten von ihnen sind Erwachsene).

Dank der Technologie können Benutzer mit Behinderungen mehr oder weniger vollständig arbeiten, sich entwickeln und Spaß haben, Kleidung und Produkte bestellen und im Allgemeinen alles wie alle anderen tun.
Um es diesen Personen zu erleichtern, im Internet zu sein, sollten Sie der Verfügbarkeit von Diensten und digitalen Produkten mehr Aufmerksamkeit schenken.

Und hier ist die Qualitätssicherung und was können wir tun?

Das Hauptziel der Qualitätssicherung besteht darin, die Qualität einer Dienstleistung oder eines Produkts sicherzustellen. Ich möchte, dass das Konzept der „Qualität“ zunehmend in die „Zugänglichkeit“ passt. Gemäß dem Handbuch, über das ich unten geschrieben habe, ist Barrierefreiheit die Implementierung von Inhalten im Web, so dass Benutzer mit einem möglichst breiten Spektrum damit arbeiten können, einschließlich Menschen mit Behinderungen.

Diese Empfehlungen werden übrigens dazu beitragen, die Website für Benutzer ohne bestimmte Einschränkungen zugänglicher zu machen. Wie kann ich im Gespräch mit einem Kunden für die Produktentwicklung argumentieren?

Viele Menschen mit Behinderungen sind jeden Tag im Internet, und eine solche Überarbeitung ermöglicht es ihnen, das Produkt ohne Probleme zu verwenden.
Durch die Anpassung hebt sich das Produkt von der Konkurrenz ab.
Ein angepasstes Produkt kann sich positiv auf die Anzahl der Benutzer und die Bewertung des gesamten Unternehmens auswirken.
, , , . ,
“accessibility id” ( iOS) iOS ,
, .

?

Detaillierte Kriterien für die Produkt - Compliance sind beschrieben in der Web Content Accessibility Guide (WCAG).

Grundsätzlich gilt: Es gibt drei Konformitätsstufen, die von der jeweiligen Situation und Benutzergruppe abhängen: die niedrigste , die mittlere und die höchste . Die Ebenen sind in vier Hauptprinzipien unterteilt: Wahrnehmbarkeit, Kontrollierbarkeit, Verständlichkeit, Zuverlässigkeit.

Jedes der Prinzipien enthält unterschiedliche Inhaltsanforderungen. Beispielsweise ist es wichtig, eine Textversion von Nicht-Textelementen bereitzustellen, um nur die vollständige Kontrolle über die Tastatur zu gewährleisten oder gesundheitsgefährdende Designelemente zu vermeiden. Eine vollständige Liste der Level-Anforderungen finden Sie in derselben WCAG 2.1.

Im Internet finden Sie meistens ein Anzeigeeinstellungsfeld für Menschen mit Behinderungen. Übrigens gibt es eine Art Geschichte mit dem HIA-Panel. Sie können weiterhin überprüfen, wie die Implementierung mit den Layouts übereinstimmt. Aber wie man versteht, wie gut eine sehbehinderte Person diese oder jene Informationen liest, ist bereits eine Frage.

Woher wissen Sie beispielsweise, ob eine Person mit Deuteranomalie (ein Sehzustand, der durch eine leichte Abnahme der Empfindlichkeit gegenüber den Wellen des grünen Spektrums gekennzeichnet ist ) Seitenelemente normal sieht? Um dieses Problem zu lösen, ist das NoCoffee-Tool geeignet.

Kein Kaffee- Eine kostenlose Erweiterung für Browser (Chrome, Firefox), ein Simulator für visuelle Fehler. Sehr einfach zu bedienen und effektiv. Das Tool ist beliebt, es hat viele positive Bewertungen erhalten, mehr als 20.000 Downloads auf verschiedenen Plattformen mit einer hohen Durchschnittsbewertung von 4 von 5.
Bild

Wie NoCoffee funktioniert

Mit NoCoffee können Sie das Display auf Personen mit allen Arten von Farbenblindheit überprüfen: Protanomalie, Protanopie, Deuteranomialie, Deuteranopie, Tritanomalie , Tritanopie, Achromatopsie, Tetrachromatie. Es ist möglich, verschiedene Sehstörungen / Augenkrankheiten und andere äußere Faktoren zu simulieren: geringe Sehschärfe, Katarakte, geringer Spitzenkontrast, Nystagmus, Gesichtsfeldfehler.

Ich hatte Glück (oder Pech), mein Bruder hatte Deuteranomalie. Ich bat ihn, die Farben zu beschreiben, die er auf der Stelle sieht, auf die ich den Deuteranomaliefilter angewendet habe. Danach überprüfte ich unsere Ergebnisse und sie erwiesen sich als gleich, plus oder minus.

Beispiele für „Einstellungen für HIA“ -Panels

Pensionskasse Russlands

Bild

Auf dem Pensionskassenportal „HIA-Einstellungsfeld“ gibt es einige Layoutfehler. Aber es gibt ein Plus: Es hat einen eigenen Player zum Abspielen von ausgewähltem Text. Dies ist eine Alternative zu Screenreadern. Screenreader ist ein Programm zum Lesen von einem Computer- oder Smartphone-Bildschirm, das für Blinde und Sehbehinderte entwickelt wurde. Sie spricht den Text und die Elemente der Benutzeroberfläche aus und bietet außerdem Feedback zu Ton und Vibration.

Die Seite konzentriert sich auf die Arbeit von Bildschirmlesern und ist wirklich gut für ihre Arbeit geeignet, aber dazu später mehr.

VTB

Bild

Bank Die VTB Bank hat ein „HIA-Einstellungsfeld“ implementiert. Es gibt einige Probleme bei der Anzeige von Elementen, wenn Sie die Einstellungen dieses Felds selbst ändern. Aber im Allgemeinen lohnt es sich, Tribut zu zollen - ich habe solche Funktionen in anderen Banken nicht gefunden.

Allrussische Gesellschaft für Menschen mit Behinderungen

Bild

Auf der Website der Allrussischen Gesellschaft für Menschen mit Behinderungen stellte sich jedoch heraus, dass das „HIA-Einstellungsfeld“ vorhanden ist, seine Fähigkeiten jedoch minimal sind und es Probleme beim Layout gibt. Natürlich möchte ich, dass eine solche Ressource besser an ihre Benutzer angepasst wird.

WorldSkills Ticket für die Zukunft

Bild

Wir haben an der Website des WorldSkills Ticket für die Zukunft gearbeitet. Hier haben wir Einstellungen für die Anzeige von Seitenelementen für Menschen mit Behinderungen implementiert. Neben der Änderung der Farbe der Elemente gibt es auch ein separates Design (anders als der Standard) für die Anzeige der Elemente beim Farbwechsel.

Zusätzlich zum Anpassen von Farbthemen gibt es in den HIA-Bedienfeldern normalerweise eine Funktion zum Erhöhen der Textgröße und zum Ein- und Ausschalten der Anzeige von Bildern ( dies ist in allen obigen Beispielen der Fall ).

Weniger verbreitet ist die Möglichkeit, die Anzeige von Text anzupassen: Das Intervall zwischen Zeichen und Serifenschrift, solche Einstellungen sind für Menschen mit Legasthenie konzipiert ( Legasthenie ist eine spezifische Lernbehinderung neurologischen Ursprungs, die durch Schwierigkeiten bei der genauen oder fließenden Worterkennung und unzureichenden Lese- und Schreibfähigkeiten gekennzeichnet ist ). . Dies wurde übrigens auf der Website der VTB und der Pensionskasse Russlands umgesetzt.

Leider gibt es keine Simulatoren für neurologische Beeinträchtigungen, und praktisch die einzige Möglichkeit, die Richtigkeit der Textanzeige mit Serifen oder mit einem längeren Intervall zwischen Zeichen zu überprüfen, besteht darin, die Funktionalität einer Person mit Legasthenie zu überprüfen.

Zurück zu den Zugänglichkeitstests

Ein weiteres gutes Testwerkzeug ist ax .

ax wurde entwickelt, um die Konformität einer Site oder Anwendung mit den WCAG 2-Richtlinien zu überprüfen. Dies ist eine Erweiterung für Browser. Sie wird derzeit mehr als 100.000 Mal installiert und hat eine Bewertung von 4,5.

Wie Axt funktioniert

Das Tool ist einfach zu bedienen. Sie müssen die Erweiterung im Browser installieren. Die Verwaltung erfolgt über das Entwicklerfenster. Nach der Installation wird eine neue Registerkarte angezeigt. Wenn Sie dorthin wechseln, werden eine Reihe von Anzeigen angezeigt, die zum Kauf einer Pro-Version aufrufen. Am wichtigsten ist jedoch die Schaltfläche "Analysieren".

Eine Analyse einer der Seiten des Staatsdienstes ergab 10 Verstöße gegen die WCAG-Anforderungen. Wir können davon ausgehen, dass die Website für Menschen mit Behinderungen gut geeignet ist:
Bild

Bei der Analyse einer der Seiten der FIU wurden jedoch 29 Inkonsistenzen festgestellt. Hier sind definitiv Verbesserungen erforderlich, insbesondere angesichts der Tatsache, dass Menschen mit Behinderungen und Menschen im Alter die Ressource genau nutzen.
Bild

Die Website der Allrussischen Gesellschaft für behinderte Menschen weist 69 Inkonsistenzen mit den Empfehlungen der WCAG auf.
Bild

Was bekommen wir nach der Analyse der Axt:

. : , WCAG 2.
.

Um die Site an Personen mit Problemen mit der Feinmotorik und an Personen anzupassen, die die Maus nicht verwenden können, müssen Seitenelemente implementiert werden, damit der Benutzer mit der Tabulatortaste zwischen ihnen wechseln kann.

Ein gutes Beispiel ist „Gosulugi“:
Bild

Das Bild zeigt, wie Sie mit der Tabulatortaste nacheinander und in der richtigen Reihenfolge durch die Elemente der Seite navigieren .

Die Website der Allrussischen Gesellschaft für Behinderte ist für das Umschalten mit der Tabulatortaste schlecht geeignet.
Bild

Keine Anzeige von hervorgehobenen Seitenelementen. Der Übergang zwischen den Elementen erfolgt schrittweise und uneinheitlich. Dies kann das Leben des Benutzers mit Behinderungen erheblich verkomplizieren.

Der korrekte Betrieb von Bildschirmleseprogrammen wird hauptsächlich dadurch beeinflusst, dass das alt-Attribut nicht für Bilder, Tags für Überschriften, Elemente zum Markieren von Formularen, QuickInfos usw. verwendet wird.

Alle oben genannten Probleme helfen bei der Suche nach Axt. Wenn Sie die meisten Probleme beseitigen, die ax bei der Analyse einer Seite oder Webanwendung festgestellt hat, funktionieren Bildschirmleseprogramme ordnungsgemäß. Natürlich wird das ideale Ergebnis niemals sein, aber der Unterschied zwischen den Testergebnissen beim Lesen des Textes durch den Bildschirmleser vor dem Beheben der durch ax identifizierten Probleme und danach wird enorm sein.

Nützliche Materialien

Richtlinien für die Barrierefreiheit von Webinhalten (WCAG) 2.0 - ein Regulierungsdokument, auf dessen Grundlage Software für Menschen mit Behinderungen entwickelt wird;

WebLind ist eine gute Ressource zur Website-Entwicklung für Menschen mit Sehbehinderung.

Leitfaden - eine Ressource für Entwickler, Manager und Designer zur Implementierung der Website für Menschen mit Behinderungen.

Gesamt

Im Allgemeinen ist das Feld für Arbeiten zur Verbesserung der Ressourcen im Hinblick auf die Zugänglichkeit wirklich riesig. Ich hoffe, dass es bald mehr solcher Tools sowie QS und Entwickler geben wird, die dem Unternehmen die Notwendigkeit einer solchen Anpassung erklären können. Dies ist eine gute Sache für alle: Menschen mit Behinderungen können die Ressourcen vollständig nutzen, und das Unternehmen erhält neue Benutzer.

Wie ist Ihre Site oder Anwendung zugänglich? Verwenden Sie Testwerkzeuge?

Qualitätssicherung und ihre Rolle bei der Schaffung von Ressourcen für Menschen mit Behinderungen