🤹🏽 📱 👨‍❤️‍👨 L'AQ et son rôle dans la création de ressources pour les personnes handicapées 👵 💡 🎇

Dans cet article, je veux attirer l'attention sur le fait que le problème de l'accessibilité des sites et des applications pour les personnes handicapées est plus aigu qu'il n'y paraît. Sous le chat est une liste d'outils utiles pour tester et microauditer plusieurs sites bien connus.

Définissons d'abord les termes.

ÉIS - options de santé limitées. Ces personnes peuvent avoir des écarts dans le développement physique et / ou mental d'un spectre très différent. Selon le rapport de l' OMS (Organisation mondiale de la santé) sur l'ÉIS 2018:

Plus d'un milliard de personnes, soit environ 15% de la population mondiale, souffrent d'une forme ou d'une autre de handicap.
De 110 à 190 millions d'adultes ont des difficultés de mobilité, des problèmes de vision / audition, etc.
Plus de 12 millions de personnes handicapées vivent en Russie (la plupart sont des adultes).

Grâce à la technologie, les utilisateurs handicapés peuvent plus ou moins pleinement travailler, se développer et s'amuser, commander des vêtements et des produits, en général, tout faire comme tout le monde.
Pour faciliter l'accès de ces personnes à Internet, vous devez accorder plus d'attention à la disponibilité des services et des produits numériques.

Et voici QA et que pouvons-nous faire

L'objectif principal de l'assurance qualité est d'assurer la qualité d'un service ou d'un produit. Je veux que le concept de «qualité» s'intègre de plus en plus dans «accessibilité». Selon le manuel que j'ai écrit ci-dessous, l'accessibilité est la mise en œuvre de contenu sur le Web de telle sorte que les utilisateurs du plus large éventail possible puissent travailler avec lui, y compris les personnes handicapées.

Soit dit en passant, ces recommandations aideront à rendre le site plus accessible aux utilisateurs qui n'ont pas certaines restrictions. Comment puis-je plaider pour le développement de produits dans une conversation avec un client?

Beaucoup de personnes handicapées sont sur Internet tous les jours, et une telle révision leur permettra d'utiliser le produit sans problème,
L'adaptation aidera le produit à se démarquer des concurrents,
Un produit adapté peut affecter positivement le nombre d'utilisateurs et affecter la note de l'entreprise dans son ensemble,
, , , . ,
“accessibility id” ( iOS) iOS ,
, .

?

Les critères détaillés de conformité des produits sont décrits dans le Web Content Accessibility Guide (WCAG).

De la principale: il existe trois niveaux de conformité qui dépendent de la situation spécifique et du groupe d'utilisateurs: le plus bas , le moyen et le plus élevé . Les niveaux sont divisés en quatre principes principaux: perceptibilité, contrôlabilité, compréhensibilité, fiabilité.

Chacun des principes comprend des exigences de contenu différentes, par exemple, il est important de fournir une version texte des éléments non textuels, pour assurer un contrôle total du clavier uniquement ou pour éviter les éléments de conception dangereux pour la santé. Une liste complète des exigences de niveau peut être trouvée dans le même WCAG 2.1.

Sur Internet, vous trouverez le plus souvent un panneau de paramètres d'affichage pour les personnes handicapées. Soit dit en passant, il y a une sorte d'histoire avec le panneau HIA. Vous pouvez toujours vérifier comment son implémentation correspond aux dispositions. Mais comment comprendre dans quelle mesure une personne malvoyante lit telle ou telle information est déjà une question.

Par exemple, comment savoir si une personne atteinte de deutéranomalie (un état de vision caractérisé par une légère diminution de la sensibilité aux ondes du spectre vert ) est normale pour voir des éléments de page? Pour résoudre ce problème, l'outil NoCoffee convient.

Nocoffee- Une extension gratuite pour les navigateurs (Chrome, Firefox), un simulateur de défauts visuels. Très simple d'utilisation et efficace. L'outil est populaire, il a gagné beaucoup de critiques positives, plus de 20 000 téléchargements sur différentes plateformes avec une note moyenne élevée de 4 sur 5.

Comment NoCoffee fonctionne

Avec NoCoffee, vous pouvez vérifier l'affichage pour les personnes avec tous les types de daltonisme: protanomalie, protanopie, deutéranomalie, deutéranopie, tritanomalie , tritanopie, achromatopsie, tétrachromatie. Il est possible de simuler divers défauts visuels / maladies oculaires et d'autres facteurs externes: faible acuité visuelle, cataractes, faible contraste de crête, nystagmus, défauts du champ visuel.

J'ai eu de la chance (ou de la malchance), mon frère avait une deutéranomalie, je lui ai demandé de décrire les couleurs qu'il voit sur le site auquel j'ai appliqué le filtre de deutéranomalie. Après cela, j'ai vérifié nos résultats, et ils se sont avérés être les mêmes, plus ou moins.

Exemples de panneaux «paramètres pour HIA»

Caisse de pension de Russie

Sur le portail de la Caisse de pension «Panneau des paramètres HIA», il y a quelques bugs de mise en page. Mais il y a un avantage: il a son propre lecteur pour lire le texte sélectionné. Il s'agit d'une alternative aux lecteurs d'écran. Le lecteur d'écran est un programme de lecture à partir d'un écran d'ordinateur ou de smartphone, conçu pour les aveugles et les malvoyants. Elle exprime le texte, les éléments d'interface et fournit également un retour sonore et vibratoire.

Le site se concentre sur le travail des lecteurs d'écran, et il est vraiment bien adapté à leur travail, mais plus à ce sujet plus tard.

VTB

Bank VTB Bank a implémenté un «panneau de paramètres HIA», il y a quelques problèmes avec l'affichage des éléments lors du changement des paramètres de ce panneau lui-même. Mais en général, cela vaut la peine de rendre hommage - je n'ai pas trouvé une telle fonctionnalité dans d'autres banques.

Société panrusse des personnes handicapées

Mais sur le site Web de la Société panrusse des personnes handicapées, le «panneau des paramètres HIA» s'est avéré être, mais ses capacités sont minimes et il y a des problèmes de mise en page. Bien sûr, j'aimerais qu'une telle ressource soit plus adaptée à ses utilisateurs.

WorldSkills Ticket to the Future

Nous avons travaillé sur le site Web du projet WorldSkills Ticket to the Future. Ici, nous avons implémenté des paramètres d'affichage des éléments de page pour les personnes handicapées. En plus de changer la couleur des éléments, il existe également une conception distincte (différente de la norme) pour afficher les éléments lors du changement de couleur.

En plus d'ajuster les thèmes de couleur, dans les panneaux HIA, il y a généralement une fonction pour augmenter la taille du texte, la fonction d'activer / désactiver l'affichage des images ( c'est dans tous les exemples ci-dessus ).

Moins courante est la possibilité de personnaliser l'affichage du texte: l'intervalle entre les caractères et la police serif, ces paramètres sont conçus pour les personnes atteintes de dyslexie (la dyslexie est un trouble d'apprentissage spécifique d'origine neurologique, caractérisé par des difficultés de reconnaissance précise ou fluide des mots et des capacités de lecture et d'écriture insuffisantes ) . Incidemment, cela a été mis en œuvre sur le site Web de VTB et de la Caisse de pensions de la Russie.

Malheureusement, il n'y a pas de simulateurs de troubles neurologiques, et pratiquement le seul moyen de vérifier l'exactitude de l'affichage du texte avec des empattements ou avec un intervalle plus long entre les caractères est de vérifier la fonctionnalité d'une personne dyslexique.

Retour aux tests d'accessibilité

Un autre bon outil de test est ax .

ax est conçu pour vérifier la conformité d'un site ou d'une application avec les directives WCAG 2. Il s'agit d'une extension pour les navigateurs, elle est actuellement installée plus de 100 000 fois et a une note de 4,5.

Comment fonctionne ax

L'outil est facile à utiliser. Vous devez installer l'extension dans le navigateur. La gestion est effectuée à partir du panneau développeur - après l'installation, un nouvel onglet hache apparaîtra. Lorsque vous passez à celui-ci, nous verrons un tas de publicités, des appels à "acheter une version pro", mais le plus important est le bouton d'analyse.

Une analyse d'une des pages du Service d'État a révélé 10 non-conformité aux exigences des WCAG. On peut supposer que le site est bien adapté aux personnes handicapées:

mais lors de l'analyse d'une des pages de la CRF, 29 incohérences ont été constatées. Des améliorations sont certainement nécessaires ici, surtout compte tenu du fait que les personnes handicapées et les personnes âgées utilisent précisément la ressource.

Le site de la Société panrusse des personnes handicapées présente 69 incohérences avec les recommandations des WCAG.

Qu'obtenons-nous après avoir analysé ax:

. : , WCAG 2.
.

Pour adapter le site aux personnes ayant des problèmes de motricité fine et à celles qui ne peuvent pas utiliser la souris, il est nécessaire d'implémenter des éléments de page afin que l'utilisateur puisse basculer entre eux avec la touche Tab.

Un bon exemple est «Gosulugi»:

l'image montre comment se déplacer dans les éléments de la page de manière séquentielle et dans le bon ordre à l'aide de la touche Tab.

Le site de la Société panrusse des personnes handicapées est mal adapté pour basculer avec la touche Tab.

Aucun affichage des éléments de page en surbrillance. La transition entre les éléments se fait progressivement et de manière incohérente. Cela peut considérablement compliquer la vie de l'utilisateur handicapé.

Le bon fonctionnement des lecteurs d'écran est principalement affecté par: la non-utilisation de l'attribut alt pour les images, des balises pour les en-têtes, l'utilisation d'éléments pour baliser les formulaires, les info-bulles, etc.

Tous les problèmes ci-dessus aideront à trouver une hache. Si vous éliminez la plupart des problèmes identifiés par ax lors de l'analyse d'une page ou d'une application Web, les lecteurs d'écran fonctionneront correctement. Naturellement, le résultat idéal ne sera jamais, mais la différence entre les résultats des tests de lecture du texte par le lecteur d'écran avant de résoudre les problèmes identifiés par ax, et après cela sera énorme.

Matériaux utiles

Web Content Accessibility Guidelines (WCAG) 2.0 - un document réglementaire basé sur le logiciel développé pour les personnes handicapées;

WebLind est une bonne ressource sur le développement de sites Web pour les personnes ayant une déficience visuelle;

Ligne directrice - une ressource pour les développeurs, les gestionnaires, les concepteurs sur la mise en œuvre du site pour les personnes handicapées.

Total

De manière générale, le champ de travail sur l'amélioration des ressources en termes d'accessibilité est vraiment énorme. J'espère que bientôt il y aura plus d'outils de ce type, ainsi que l'assurance qualité et les développeurs qui pourront expliquer à l'entreprise la nécessité d'une telle adaptation. C'est une bonne chose pour tout le monde: les personnes handicapées peuvent utiliser pleinement les ressources et l'entreprise recevra de nouveaux utilisateurs.

Comment votre site ou application est-il accessible? Utilisez-vous des outils de test?

L'AQ et son rôle dans la création de ressources pour les personnes handicapées