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
![vision_impairment_icon vision_impairment_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/vision_impairment.png)
DÉFICIENCE VISUELLE
![icône_handicaps_entendants icône_handicaps_entendants](https://www.zucisystems.com/wp-content/uploads/2021/01/hearing_disabilities.png)
HANDICAP AUDITIF
![other_physical_icon other_physical_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/other_physical.png)
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)
![law_balance_Blue_yellow_image law_balance_Blue_yellow_image](https://www.zucisystems.com/wp-content/uploads/2021/01/law.png)
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é.
![icône_accessibilité_an_uncharted_economy icône_accessibilité_an_uncharted_economy](https://www.zucisystems.com/wp-content/uploads/2021/01/accessibility_an_uncharted_economy.png)
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,
![web_content_accessibility-blue_icon web_content_accessibility-blue_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/web_content_accessibility.png)
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_blue_icon BD-8878_2010_blue_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/BD-8878_2010.png)
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_blue_golden_icon section_508_blue_golden_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/section_508.png)
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,
![desktop_mobile_online_tools_icon desktop_mobile_online_tools_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/desktop_mobile_online_tools.png)
Outils en ligne pour ordinateur de bureau/mobile
![keybaord_navigation_icon keybaord_navigation_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/keybaord_navigation.png)
Navigation au clavier
![screen_reader_icon screen_reader_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/screen_reader.png)
Lecteur d’écran
![color_contrast_tools_icon color_contrast_tools_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/color_contrast_tools.png)
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 |