Menu

Tutoriel de test d'accessibilité (un guide complet étape par étape)

accessibility testing tutorial

Essayez Notre Instrument Pour Éliminer Les Problèmes

Un guide complet des tests d'accessibilité:

Qu'est-ce que l'accessibilité Web:

Le web est ouvert à tous et en tant que testeur (également humain), il est de notre responsabilité de vérifier s'il est accessible à tous les utilisateurs. Ceci, à son tour, contribuera beaucoup au succès d'une entreprise alors que nous travaillons pour rendre l'application accessible à chaque utilisateur.

Cela augmentera également la satisfaction de l'utilisateur et notre activité.

Liste des didacticiels de cette série:

  1. Guide de test d'accessibilité (Ce tutoriel)
  2. Outils de test d'accessibilité - Une liste complète
  3. Tutoriel WAT (Web Accessibility Toolbar)
  4. Outils de vérification d'accessibilité WAVE et JAWS

guide de test d

Pour la plupart des utilisateurs, l'utilisation d'Internet sur le Web est facile. Mais ce n'est pas le cas lorsque nous examinons un ensemble démographique différent avec des défis. Il est impératif que les sites Web soient également accessibles, utilisables et utiles pour ce groupe d'utilisateurs - et cela ne doit pas différencier les utilisateurs en fonction de la langue / culture / emplacement / logiciel / capacité physique ou mentale.

Ce que vous apprendrez:

Qu'est-ce que le test d'accessibilité?

Tester une application Web afin de s'assurer que chaque utilisateur peut facilement accéder au site Web s'appelle Test d'accessibilité. La branche spécialisée et dédiée des tests qui permet de garantir que les sites Web sont effectivement efficaces dans ce domaine s'appelle ' Test d'accessibilité Web ».

Plus important encore, certaines lois et directives relatives aux tests d'accessibilité doivent également être suivies.

Accessibilité et loi

  • Loi sur les Américains handicapés : Cette loi stipule que tous les domaines tels que les bâtiments publics, les écoles et les organisations doivent rendre la technologie accessible à tous.
  • Loi sur la réadaptation, article 504 et section 508 : La section 504 permet à toutes les personnes handicapées d'accéder au lieu de travail, à l'éducation et à d'autres organisations et la section 508 permet l'accès à la technologie.
  • Directives d'accessibilité du contenu Web: Ces lignes directrices suggèrent les moyens qui peuvent contribuer à améliorer l'accessibilité d'un site Web.

Mythes sur le test de l'accessibilité des sites Web

Mythe 1 :C'est cher.

Fait : La précaution vaut toujours mieux que guérir, nous pouvons donc penser aux problèmes d'accessibilité au stade de la conception même et réduire les coûts.

comment tester le site Web sur différents navigateurs

Mythe 2: La conversion d'un site Web inaccessible en accès prend du temps.

Fait : Nous pouvons prioriser les choses et travailler uniquement sur les besoins de base.

Mythe 3: L'accessibilité est simple et ennuyeuse.

Fait : L'accessibilité ne signifie pas qu'un site Web ne doit contenir que du texte. On peut aussi ajouter des images et le rendre plus attractif mais le point à noter est qu'il doit être accessible à tous.

Mythe 4 :Les tests d'accessibilité sont destinés aux personnes aveugles et handicapées.

Fait : Le logiciel est utile pour tous et donc ce test est pour tous les utilisateurs.

Défis de A Test de accessibilité

Voici quelques défis ou difficultés courants que les directives d'accessibilité tentent de résoudre:

Type de handicap Description du handicap
Vision
Invalidité 		- Cécité complète ou cécité des couleurs ou mauvaise vue
- Problèmes visuels comme le stroboscope visuel et les problèmes d'effet clignotant
Handicap physique Difficile d'utiliser un clavier ou une souris
Déficience cognitive Difficultés d'apprentissage ou mauvaise mémoire
Handicap d'alphabétisation Problèmes de lecture, trouver les mots difficiles
Handicap auditif - Problèmes auditifs comme la surdité et les déficiences auditives
- Difficulté à bien entendre ou à entendre clairement

Défis d

Importance

  • Accès facile et efficace aux utilisateurs handicapés ou en difficulté
  • Augmente la part de marché et la portée de l'audience
  • Améliore la maintenabilité et l'efficacité
  • Satisfait aux exigences légales existantes et futures et aide au respect de l'éthique
  • Soutenir l'internationalisation
  • Aide à l'accès pour les utilisateurs à faible bande passante.

En fin de compte, tout se traduit par «Meilleures affaires - plus d'argent».

Comment l'accessibilité du Web est-elle mesurée?

L'accessibilité du Web peut être mesurée à l'aide des normes d'accessibilité Web créées par le W3C connu comme Directives d'accessibilité du contenu Web (WCAG) . Peu d'autres départements ont également élaboré leurs propres lignes directrices, mais celles-ci suivent également la Web Accessibility Initiative (WAI) Des lignes directrices.

Évaluation de l'accessibilité d'un site Web:

De nombreux facteurs jouent un rôle à cet égard, tels que:

  • Teneur
  • Taille
  • Code
  • Langages de balisage
  • Outils de développement
  • Environnement

Comme toujours, il est recommandé de mettre en œuvre des techniques d'accessibilité Web dans la phase initiale du projet. La réparation de sites Web inaccessibles nécessite des efforts supplémentaires.

Voici quelques exemples de techniques simples:

  • Vérification du titre de la page
  • Alternatives de texte d'image ('texte alternatif')
  • Titres
  • Rapport de contraste («contraste de couleur») .. etc.

Nous pouvons également déterminer l'accessibilité à l'aide de ' Outils d'évaluation '- dans une certaine mesure. Il y a peu de choses telles que si le texte alternatif est écrit de manière appropriée pour l'image ou non, ne peuvent pas être pleinement évaluées mais elles sont efficaces pour la plupart.

Lire aussi => 30+ outils de test Web les plus populaires.

Principes de conception Web universelle à suivre

Le site Web doit être conçu universellement de manière à respecter les principes d’utilisabilité et d’accessibilité. Chacun a son propre style d'apprentissage et de traitement, c'est pourquoi le site / produit doit être conçu indépendamment de cela.

Voici quelques principes standard de base de la conception de sites Web:

# 1) Coordination:

Chaque activité et chaque personne incluse dans le projet doivent se coordonner les unes avec les autres. Il faut garder à l'esprit qu'un site Web doit être conçu en fonction de ses propres W3C normes.

# 2) Application:

En tant qu'organisation responsable, vous devez vous tenir responsable de la création d'un site accessible. Au lieu que les utilisateurs se tiennent responsables d'un site accessible, nous devrions le faire.

# 3) Leadership:

Chacun doit être conscient de ces principes et doit informer s'il rencontre un problème lors de l'accès au site.

# 4) Prise en compte de l'accès :

Nous devons suivre les normes, en même temps que nous pouvons considérer les normes suivies par l'organisation pour les personnes spécialement handicapées.

# 5) Dimensions techniques:

Un site Web doit être conçu en tenant compte de toutes les normes techniques.

# 6) Recherche pédagogique:

Nous devons faire des recherches sur l'accessibilité et les problèmes rencontrés lors de l'accès au site Web. Avec l'aide de cela, une formation devrait être donnée aux personnels pour les sensibiliser aux normes et aux problèmes.

# 7) Inclusion sociale:

Tous les humains doivent être traités de la même manière non seulement dans un mode en ligne, mais aussi dans le monde physique.

Parallèlement à ce bâtiment, un site Web POUR est nécessaire.

Maintenant, la question se pose de savoir ce que signifie POUR et la réponse est donnée ci-dessous:

P erceivable:La présentation de la suite Web doit être perceptible. Le contenu doit avoir un sens du point de vue de tous les utilisateurs.

OU pérable:On peut dire que le site est opérationnel si un utilisateur est capable de naviguer facilement sur le site.

U nderstandable:Tout ce qui est présent sur le site Web doit être compris par tout type d'utilisateur. En bref, la langue doit être simple et non complexe.

R arrêter:Indépendamment de l'évolution de la technologie et du type d'utilisateurs, le contenu doit être robuste.

Comment effectuer des tests d'accessibilité - Un guide étape par étape

Tutoriel de test d

Cela peut être fait en utilisant une méthode de test manuelle ou d'automatisation.

Méthode manuelle

Il existe de nombreux outils disponibles sur le marché pour les tests d'accessibilité, mais il peut y avoir des problèmes tels que le manque de ressources qualifiées, de budget, etc. Dans un tel cas, nous pouvons opter pour des tests manuels.

Voici quelques façons de tester manuellement l'accessibilité du site Web:

# 1) Nous pouvons utiliser le mode de contraste élevé:

En utilisant le mode de contraste élevé, nous pouvons mettre en évidence le contenu du site Web. Lorsque nous activons le mode de contraste élevé, le contenu du site Web est automatiquement mis en surbrillance lorsqu'il devient blanc ou jaune et l'arrière-plan devient noir.

Pour activer le mode de contraste élevé, recherchez le mode de contraste élevé dans la zone de recherche.

Paramètres de contraste élevé

Ici, vous aurez la possibilité de choisir un thème, sélectionnez le thème à contraste élevé dans la liste déroulante.

Réglage de contraste élevé

Un navigateur ressemblera à l'illustration ci-dessous après avoir effectué les modifications dans les paramètres.

questions d'entrevue de services Web pour expérimentés

Exemple de navigateur

Après cela, nous pouvons voir si le contenu est correctement visible ou non.

# 2) En n'accédant pas aux images :

Temporairement pour le moment, vous pouvez désactiver l'accès et voir si le texte justifie le contenu car certaines personnes peuvent ne pas y avoir accès ou parfois le chargement des images prend trop de temps.

Vous pouvez désactiver l'accès au navigateur de l'une des manières suivantes:

Internet Explorer: Outils-> Options Internet-> Avancé-> afficher des images (décochez).

Paramètres Internet

Options Internet -Srttings avancés

Firefox: Ouvrez Firefox et tapez à propos de : config , dans la barre d'adresse et vous obtiendrez la sortie comme indiqué ci-dessous.

Paramètres de configuration de Firefox

Après avoir obtenu cet écran, vous devez rechercher ' permission.default.image » et ajustez la valeur de 0 à 1.

Paramètres de configuration

Écran de configuration

# 3) Vérification des légendes :Vérifiez si une légende est disponible et assurez-vous qu'elle est assez descriptive. Plusieurs fois, nous rencontrons des liens sur la page Facebook où les images ou les vidéos peuvent prendre du temps à s'afficher, mais les légendes nous aideront beaucoup.

# 4) En désactivant la feuille de style en cascade (CSS): CSS est essentiellement utilisé pour décrire la présentation du document. En désactivant cette option, nous pouvons vérifier la couleur d'arrière-plan, le style de texte et le style de présentation du texte.

# 5) Essayez d'utiliser le clavier :Si vous êtes un joueur ou un expert d'Excel, alors ce test doit être plus facile pour vous. Essayez de ne pas toucher la souris et accédez au site Web à l'aide d'un clavier.

Vous pouvez utiliser la touche «Tab» pour basculer entre les liens.

'Tab' + 'Shift' vous emmènera là où vous étiez auparavant.

# 6) Utiliser l'étiquette de champ :C'est utile lors du remplissage d'un formulaire, étiquette de champ est ce que vous verrez lors de la visualisation d'un modèle. En utilisant cela, on peut remplir les informations nécessaires lors de l'inscription ou de la commande de quelque chose en ligne.

# 7) Changer la taille de la police en grande :Utilisez une police de grande taille et continuez à vérifier l'accessibilité.

# 8) Passer la navigation: Cela peut être utile pour les personnes handicapées motrices. En cliquant Ctrl + Début vous pouvez déplacer votre focus vers le haut de la page.

# 9) Document PDF: Essayez d'enregistrer le fichier PDF sous forme de texte et vérifiez si l'ordre du contenu est maintenu ou non.

# 10) En désactivant le style: Désactivez le style et vérifiez si le contenu du tableau est correctement aligné ou non.

# 11) Mise à l'échelle du contenu: Essayez de faire un zoom arrière sur l'image et vérifiez si elle est lisible.

Test d'accessibilité automatisé

Comme l'automatisation se répand largement dans le domaine des tests, nous pouvons également opter pour l'automatisation pour la vérification de l'accessibilité. Nous avons plusieurs outils pour les tests automatisés.

# 1) un concepteur: Il est développé par IBM et est utile pour tester le logiciel du point de vue des personnes malvoyantes.

# 2) WebAnywhere: Il agit comme un lecteur d'écran et ne nécessite aucune installation particulière.

# 3) Vischeck: Cet outil nous aide à reproduire l'image sous différentes formes afin que nous puissions imaginer à quoi elle ressemblera lorsqu'elle sera accessible par différents types d'utilisateurs.

# 4) Analyseur de contraste de couleur: Il vérifie la combinaison de couleurs et analyse la visibilité.

# 5) Héra: Il vérifie le style de l'application et est livré avec une option multilingue.

site Web multilingue

# 6) Extension d'accessibilité Firefox: Firefox vous permet d'étendre ses fonctionnalités.

Vous pouvez l'ajouter pour ouvrir Firefox-> Add-ons-> extension d'accessibilité . Cela vous aidera à tester le rapport, la navigation, le texte du lien, etc.

Extension d

Écran Addon Manager

Après avoir cliqué sur le extension vous obtiendrez une option de recherche modules complémentaires .

Ajouter

# 7) TAW en ligne: Il vous donne la possibilité de vérifier si le logiciel est développé selon les directives de WCAG 1.0 ou WCAG 2.0 . Il a également la possibilité de sélectionner le niveau d'analyse.

# 8) Vérificateur d'accessibilité PDF: Il vérifie l'accessibilité d'un fichier PDF.

=> Pour la liste complète consultez cet article sur les outils de test d'accessibilité

Test d'accessibilité Liste de contrôle / cas de test / scénarios

Voici quelques points qui doivent être vérifiés lors de ce type de test:

  • Si les étiquettes sont correctement écrites et placées ou non.
  • Si le contenu audio / vidéo est correctement audible / visible ou non.
  • Si le rapport de contraste des couleurs est conservé ou non.
  • Si les actions de contrôle pour la vidéo fonctionnent correctement ou non.
  • Si les touches courtes sont fournies pour le menu, vous devez vérifier si elles fonctionnent toutes correctement.
  • Besoin de vérifier les onglets si la navigation entre les onglets est une tâche facile.
  • Si l'application a suivi tous les principes et directives ou non.
  • Si l'en-tête est unique et transmet le sens et la structure ou non.
  • Si le texte du lien est écrit avec une description du contenu au lieu de créer une ambiguïté.
  • Si une légende multimédia significative est fournie ou non.
  • Si les instructions sont clairement données ou non.
  • Si le contenu est clair, concis et compréhensible ou non.

Voici les points clés que le site Web doit satisfaire pour l'accessibilité:

  • Le texte du lien doit être descriptif . Page Web d'accès des utilisateurs visuellement désactivés en cliquant sur le bouton de l'onglet du clavier et en passant d'un lien à l'autre. Il est donc essentiel que la description des liens soit correctement définie. Assurez-vous que les liens hypertexte sont accessibles à l'aide de la touche de tabulation.
  • Fournissez des photos appropriées si possible . Une image parle plus que des mots. Essayez d'ajouter des images appropriées pour le texte chaque fois que possible. Les images peuvent décrire le contenu du site Web pour les utilisateurs ayant des problèmes d'alphabétisation.
  • Utilisez un langage simple . L'utilisateur handicapé cognitif a des difficultés d'apprentissage, il est très important de rendre les phrases simples et facilement lisibles pour lui.
  • Navigation cohérente . Une navigation cohérente dans les pages est également très importante pour les utilisateurs souffrant de troubles cognitifs. Il est recommandé de maintenir la cohérence du site Web et de ne pas modifier les pages régulièrement. L'adaptation à la nouvelle mise en page prend du temps et peut devenir difficile.
  • Ignorer les fenêtres contextuelles . Les utilisateurs qui utilisent un lecteur d'écran pour lire les pages Web, les pop-ups peuvent être vraiment gênants pour eux. Le lecteur d'écran lit la page de haut en bas et un pop-up soudain arrive, le lecteur commencera à la lire avant le contenu réel. Cela peut dérouter les utilisateurs malvoyants.
  • Disposition CSS . Les sites Web basés sur CSS sont plus accessibles que les sites Web basés sur du code HTML.
  • Divisez une grande phrase en une petite phrase simple. Les utilisateurs malvoyants écoutent les informations de la page Web et essaient de s'en souvenir. En divisant la grande phrase en une petite phrase simple, vous pouvez vous souvenir facilement des choses.
  • N'utilisez pas de texte de sélection. Évitez le texte brillant et restez simple.

En bref, nous devons vérifier si l'application est développée selon les directives du W3C, les principes de conception de site Web et les principes d'accessibilité et pour cela, nous devons être conscients de tous ces principes.

Nous pouvons résumer les points de contrôle ci-dessus en vérifiant et en validant le contenu écrit, la conception et la méthode de développement du site Web / de l'application.

Lire aussi => Guide complet des tests Web.

Conclusion

Les tests d'accessibilité expliquent simplement la facilité avec laquelle on peut naviguer, accéder et comprendre les logiciels. C'est pour tous les types d'utilisateurs. Le testeur doit faire les tests du point de vue de tout le monde.

Tout comme tout autre type de test, ce test peut également être effectué manuellement ainsi qu'à l'aide d'outils d'automatisation. L’objectif d’un testeur doit simplement être de vérifier si les directives sont respectées ou non et avec quelle facilité et convivialité un utilisateur peut utiliser le logiciel.

Lecture recommandée = >> Principaux fournisseurs de services de test d'accessibilité

Dans la prochaine partie de cette série de didacticiels, nous vous présenterons quelques autres outils et techniques de test d'accessibilité Web, alors restez avec nous.

Comme toujours, veuillez faire des commentaires avec vos questions, suggestions et expériences.

Tutoriel SUIVANT

lecture recommandée

^