TESTS D’ACCESSIBILITÉ – LISTES DE CONTRÔLE ET OUTILS
Cela signifie simplement que votre produit/site doit être accessible aux personnes handicapées, telles que
DÉFICIENCE VISUELLE
HANDICAP AUDITIF
AUTRE PHYSIQUE OU
CONDITIONS COGNITIVES
Des tests d’accessibilité sont effectués pour s’assurer que votre produit répond aux besoins de tous les types d’utilisateurs, et
des lois strictes à travers le monde ont également fait de la conformité à l’accessibilité un processus obligatoire.
Cette infographie vous guidera à travers le nombre d’éléments d’action à
traitées dans un test d’accessibilité. Avant de commencer avec la liste de contrôle,
Voici quelques-unes des statistiques liées à l’accessibilité à l’esprit.
STATISTIQUES À L’ESPRIT
DES POURSUITES QUI ONT ENTRAÎNÉ DE LOURDES AMENDES POUR
NON RESPECT DE L’ACCESSIBILITÉ
- Poursuite intentée contre Domino’s Pizza pour inaccessibilité du système de commande en ligne pour les personnes malvoyantes
- Netflix et un groupe de défense des droits des sourds s’entendent sur les sous-titres vidéo
- Beyoncé a été poursuivie pour que son site Web viole l’Americans With Disabilities Act (ADA)
La population et les revenus des personnes handicapées (PH) sont présentés dans le tableau ci-dessous :
| GLOBAL | Etats-Unis | CANADA | UE 6 | ASIE 6 | |
|---|---|---|---|---|---|
| POPULATION PH | 1.131B | 56,7 mm | 6,2 mm | 91,0 mm | 748.0mm |
| REVENU DES PH 6 | >1,97 milliard de dollars | 872,7 $ | 113,3 milliards de dollars | 983,9 milliards de dollars | N / A |
| PWD JETABLE 6 | >1.2T | 645,3 milliards de dollars | 55,4 milliards de dollars | 482,1 milliards de dollars | N / A |
L’ACCESSIBILITÉ, UNE ÉCONOMIE INCONNUE
Compte tenu de l’état actuel de l’accessibilité, elle reste l’une des dernières choses à prendre en compte en matière de conception et de développement de produits. La principale raison de ce traitement se résume à l’ignorance et à la peur des coûts et du temps supplémentaires liés aux tests d’accessibilité.
Pour offrir une expérience sans faille à tous les utilisateurs, comprenons les différentes techniques qui aident les utilisateurs à accéder au contenu Web, les directives à suivre par les entreprises et les listes de contrôle à garder à l’esprit pour les tests d’accessibilité.
LISTE DE CONTRÔLE QA POUR LES TESTS D’ACCESSIBILITÉ
Les directives d’accessibilité importantes et mondialement reconnues à suivre sont,
Directives pour l’accessibilité du contenu Web (WCAG) . La version actuelle stable et référençable de WCAG est 2.0, et WCAG 2.1
- Les 4 principes directeurs des WCAG sont :
- Perceptible
- Opérable
- Compréhensible
- Robuste
- Trois niveaux de conformité incluent : A, AA, AAA
BD 8878: 2010 décrit les décisions à prendre lors de la conception ou de la mise en service de produits Web publiés par le gouvernement britannique
Section 508 par le gouvernement américain.
Tous les sites Web en cours de conception doivent suivre les directives de test d’accessibilité pour une raison importante :
la loi américaine sur le handicap (ADA).
Les tests peuvent être effectués en utilisant,
Outils en ligne pour ordinateur de bureau/mobile
Navigation au clavier
Lecteur d’écran
Outils de contraste des couleurs
| TEST | OUTILS | PROCESSUS |
|---|---|---|
| Couleurs | Outils de contraste des couleurs | Contraste élevé : activez le contraste élevé dans Windows, vérifiez que tout le texte répond aux changements de couleur et qu’aucune information critique ne disparaît. Rapport de contraste : Utilisez l’analyseur de contraste des couleurs pour calculer le rapport de contraste par page.
Noter
|
| Formes | Navigation au clavier | Assurez-vous que le raccourci clavier/clavier n’interfère pas avec le contenu et les fonctionnalités de la page Web et que le focus clavier est toujours visible.
|
| Onglets | Utilisez la touche Tab pour parcourir tous les liens et champs de formulaire. Confirmez que les champs de tabulation sont logiques et comme prévu | |
| Boîte de dialogue et fenêtres contextuelles | Navigation au clavier | Assurez-vous que toutes les boîtes de dialogue et fenêtres contextuelles peuvent être fermées à l’aide du clavier et que le focus est conservé sur l’élément qui a activé la boîte de dialogue/les fenêtres contextuelles. |
| Multimédia | Navigation au clavier et lecteur d’écran | Assurez-vous que tous les multimédias, c’est-à-dire l’audio, la vidéo, les images, les carrousels animés, les liens de navigation peuvent être parcourus et contrôlés à l’aide de claviers et de lecteurs d’écran
|
| Rubriques | Lecteur d’écran | Assurez-vous que les utilisateurs doivent pouvoir naviguer dans les pages à l’aide d’en-têtes. Assurez-vous que les titres sont logiques, structurés et qu’ils fournissent la signification du contenu de la page Assurez-vous qu’il n’y a qu’une seule balise H1 sur la page |
| ORDINATEUR DE BUREAU/MOBILE | OUTILS | COMPATIBILITÉ |
|---|---|---|
| Bureau | Analyseur de contraste de couleur | Tous les types de navigateur |
| WAVE (Outil d’évaluation de l’accessibilité Web) | Chrome et Firefox (extension de navigateur) | |
| Outils Deque : Plugin AX | Tous les types de navigateurs et extensions disponibles dans Chrome et Firefox | |
| WAT (barre d’outils d’accessibilité Web) | Navigateur IE et Opera (extension de navigateur) | |
| Plug-in FireEyesComment | Firefox | |
| Enregistreur d’écran | MÂCHOIRES | C’EST À DIRE |
| NVDA | Firefox | |
| Voix off | Safari | |
| Répondre | Chrome | |
| Portable | Vérificateur d’accessibilité Web mobile | Web mobile – iOS uniquement |
| Analyseur d’accessibilité | Android | |
| Inspecteur de l’accessibilité | iOS |
