Bugs trouvés dans MyVote Wisconsin

MyVote Wisconsin

MyVote Wisconsin est le site officiel de l’État du Wisconsin. Il permet aux citoyens américains éligibles de s’inscrire sur les listes électorales et fournit toutes les informations essentielles sur l’élection générale de 2024.

Il informe les utilisateurs sur le vote par correspondance, y compris comment demander et suivre votre bulletin de vote. Le site Web comprend des informations sur les résultats des élections et comment contacter la Wisconsin Elections Commission.

Pour garantir que MyVote Wisconsin soit accessible à tous les électeurs, notre équipe chez QAwerk a effectué un test d’accessibilité approfondi, axé sur l’inscription des électeurs en ligne. Nous avons identifié plusieurs domaines où des améliorations pourraient être apportées pour améliorer l’expérience utilisateur des personnes en situation de handicap.

Le site web ne disposait pas d'une mise en page adaptative ni d'une présentation du contenu adaptée aux différentes tailles et orientations d'écran

Gravité :

Majeure

Condition préalable :

Suivez le lien : https://myvote.wi.gov/en-us/Register-To-Vote.

Étapes de reproduction :
  1. Dans le champ « First Name », entrez « Qawerka ».
  2. Dans le champ « Last Name », entrez « QAwerk ».
  3. Dans le champ « Date of Birth », entrez « 02/02/1990 ».
  4. Cliquez sur le bouton « Search ».
  5. Cliquez sur le bouton « Register to Vote ».
  6. Cliquez sur le bouton « Continue to Step 2 ».
  7. Ouvrez les « Developer Tools » ; vous pouvez appuyer sur la combinaison de touches Ctrl + Shift + I.
  8. Ouvrez le panneau « Responsive design model » ; vous pouvez appuyer sur la combinaison de touches Ctrl + Shift + M.
  9. Dans la liste déroulante « Responsive », sélectionnez des appareils mobiles avec des écrans étroits.
Environnement :

Système d’exploitation : Windows 10 Pro
Navigateurs : Chrome v.129.0.6668.71, Firefox v.130.0.1, Microsoft Edge v.129.0.2792.52

Résultat réel :

Le site web ne disposait pas d’une mise en page adaptative ni d’une présentation du contenu adaptées aux différentes tailles et orientations d’écran.

Résultat attendu :

La mise en page et le contenu du site web doivent s’adapter automatiquement aux différentes tailles et orientations d’écran (par exemple, téléphones mobiles, tablettes et ordinateurs de bureau), garantissant une lisibilité, une utilisabilité et une accessibilité optimales sur tous les appareils.

Le site web ne disposait pas d'une mise en page adaptative ni d'une présentation du contenu adaptée aux différentes tailles et orientations d'écran
Le site web ne disposait pas d'une mise en page adaptative ni d'une présentation du contenu adaptée aux différentes tailles et orientations d'écran
Le site web ne disposait pas d'une mise en page adaptative ni d'une présentation du contenu adaptée aux différentes tailles et orientations d'écran

Les erreurs de saisie dans les formulaires ne sont pas clairement indiquées ou décrites à l'utilisateur

Gravité :

Majeure

Condition préalable :

Suivez le lien : https://myvote.wi.gov/en-us/Register-To-Vote.

Étapes de reproduction :
  1. Dans le champ « First Name », entrez « Qawerka ».
  2. Dans le champ « Last Name », entrez « QAwerk ».
  3. Dans le champ « Date of Birth », entrez « 02/02/1990 ».
  4. Cliquez sur le bouton « Search ».
  5. Cliquez sur le bouton « Register to Vote ».
  6. Cliquez sur le bouton « Continue to Step 2 ».
  7. Cliquez sur « Yes » pour chaque champ.
  8. Cliquez sur le champ de saisie.
  9. Dans le champ de saisie « Birth Date », entrez « 02/02/1990 ».
  10. Dans le champ « Drivers License or State ID », entrez « R233-3333-3333-33 ».
  11. Dans le champ « Expiration Date », entrez « 33/33/3333 ».
  12. Cliquez sur le bouton « Continue to Step 3 ».
Environnement :

Système d’exploitation : Windows 10 Pro
Navigateurs : Chrome v.129.0.6668.71, Firefox v.130.0.1, Microsoft Edge v.129.0.2792.52

Résultat réel :

Les erreurs de saisie dans les formulaires ne sont pas clairement indiquées ou décrites à l’utilisateur.

Résultat attendu :

Les utilisateurs doivent être clairement informés des erreurs de saisie dans les formulaires. Les messages d’erreur doivent spécifier le problème et mettre en évidence visuellement les champs problématiques, garantissant l’accessibilité et la facilité de correction.

Les erreurs de saisie dans les formulaires ne sont pas clairement indiquées ou décrites à l'utilisateur

Le bouton « Continue to Step 2 » n'est pas accessible au clavier

Gravité :

Majeure

Condition préalable :

Suivez le lien : https://myvote.wi.gov/en-us/Register-To-Vote.

Étapes de reproduction :
  1. Dans le champ « First Name », entrez « Qawerka ».
  2. Dans le champ « Last Name », entrez « QAwerk ».
  3. Dans le champ « Date of Birth », entrez « 02/02/1990 ».
  4. Cliquez sur le bouton « Search ».
  5. Cliquez sur le bouton « Register to Vote ».
  6. Appuyez 13 fois sur la touche TAB.
Environnement :

Système d’exploitation : Windows 10 Pro
Navigateurs : Chrome v.129.0.6668.71, Firefox v.130.0.1, Microsoft Edge v.129.0.2792.52

Résultat réel :

Le bouton « Continue to Step 2 » n’est pas accessible au clavier.

Résultat attendu :

Après avoir cliqué sur le lien « proof of residence document », le focus devrait se déplacer vers le bouton « Continue to Step 2 ».

Le contraste insuffisant des couleurs entre le premier plan et l'arrière-plan ne respecte pas les normes de rapport de contraste WCAG 2.0 AA

Gravité :

Majeure

Condition préalable :
  1. Ajoutez le plugin Accessible Web Helper à votre navigateur https://accessibleweb.com/.
  2. Suivez le lien : https://myvote.wi.gov/en-us/Register-To-Vote.
Étapes de reproduction :
  1. Dans le champ « First Name », entrez « Qawerka ».
  2. Dans le champ « Last Name », entrez « QAwerk ».
  3. Dans le champ « Date of Birth », entrez « 02/02/1990 ».
  4. Cliquez sur le bouton « Search ».
  5. Cliquez sur le bouton « Register to Vote ».
  6. Cliquez sur le bouton « Continue to Step 2 ».
  7. Cliquez sur « Yes » pour chaque champ.
  8. Exécutez le plugin Accessible Web Helper.
Environnement :

Système d’exploitation : Windows 10 Pro
Navigateurs : Chrome v.129.0.6668.71, Firefox v.130.0.1, Microsoft Edge v.129.0.2792.52

Résultat réel :

Le contraste insuffisant des couleurs entre le premier plan et l’arrière-plan ne respecte pas les normes de rapport de contraste WCAG 2.0 AA.

Résultat attendu :

Le rapport de contraste entre le premier plan (texte ou éléments interactifs) et l’arrière-plan doit respecter ou dépasser la norme WCAG 2.0 AA de 4,5:1 pour le texte normal et de 3:1 pour le texte de grande taille. Toutes les étapes du formulaire doivent obtenir une note d’au moins 100/100 pour la conformité du contraste.

Le contraste insuffisant des couleurs entre le premier plan et l'arrière-plan ne respecte pas les normes de rapport de contraste WCAG 2.0 AA

Les liens n'ont pas d'étiquettes appropriées

Gravité :

Majeure

Condition préalable :

Ajoutez le plugin WAVE à votre navigateur https://wave.webaim.org/extension/.
Suivez le lien : https://myvote.wi.gov/en-us/Register-To-Vote.

Étapes de reproduction :
  1. Dans le champ « First Name », entrez « Qawerka ».
  2. Dans le champ « Last Name », entrez « QAwerk ».
  3. Dans le champ « Date of Birth », entrez « 02/02/1990 ».
  4. Cliquez sur le bouton « Search ».
  5. Cliquez sur le bouton « Register to Vote ».
  6. Exécutez le plugin WAVE.
Environnement :

Système d’exploitation : Windows 10 Pro
Navigateurs : Chrome v.129.0.6668.71, Firefox v.130.0.1, Microsoft Edge v.129.0.2792.52

Résultat réel :

Les liens n’ont pas d’étiquettes appropriées.

Résultat attendu :

Tous les liens doivent avoir des libellés clairs et descriptifs qui indiquent précisément leur destination ou l’action qu’ils déclenchent. Ces libellés doivent être pertinents et fournir aux utilisateurs (y compris ceux qui utilisent des lecteurs d’écran) suffisamment de contexte pour comprendre l’objectif du lien.

Les liens n'ont pas d'étiquettes appropriées

Les fonctions de remplissage automatique ne sont pas disponibles pour l'utilisateur

Gravité :

Mineure

Condition préalable :

Suivez le lien : https://myvote.wi.gov/en-us/Register-To-Vote.

Étapes de reproduction :
  1. Dans le champ « Prénom », entrez « Qawerka ».
  2. Dans le champ « Nom », entrez « QAwerk ».
  3. Dans le champ « Date de naissance », entrez « 02/02/1990 ».
  4. Cliquez sur le bouton « Rechercher ».
  5. Cliquez sur le bouton « S’inscrire pour voter ».
  6. Cliquez sur le bouton « Continuer à l’étape 2 ».
  7. Cliquez sur « Oui » pour chaque champ.
  8. Cliquez sur le champ de saisie.
Environnement :

OS : Windows 10 Pro
Navigateurs : Chrome v.129.0.6668.71, Firefox v.130.0.1, Microsoft Edge v.129.0.2792.52

Résultat réel :

Les fonctions de remplissage automatique ne sont pas disponibles pour l’utilisateur.

Résultat attendu :

Les fonctions de remplissage automatique devraient être disponibles pour l’utilisateur.

Les fonctions de remplissage automatique ne sont pas disponibles pour l'utilisateur

Les éléments nécessitant une saisie utilisateur ne sont pas clairement étiquetés

Gravité :

Mineure

Condition préalable :
  1. Ajoutez le plugin WAVE à votre navigateur https://wave.webaim.org/extension/.
  2. Suivez le lien : https://myvote.wi.gov/en-us/Register-To-Vote.
Étapes de reproduction :
  1. Dans le champ « Prénom », entrez « Qawerka ».
  2. Dans le champ « Nom », entrez « QAwerk ».
  3. Dans le champ « Date de naissance », entrez « 02/02/1990 ».
  4. Cliquez sur le bouton « Rechercher ».
  5. Cliquez sur le bouton « S’inscrire pour voter ».
  6. Cliquez sur le bouton « Continuer à l’étape 2 ».
  7. Cliquez sur « Oui » pour chaque champ.
  8. Exécutez le plugin WAVE.
Environnement :

OS : Windows 10 Pro
Navigateurs : Chrome v.129.0.6668.71, Firefox v.130.0.1, Microsoft Edge v.129.0.2792.52

Résultat réel :

Les éléments nécessitant une saisie utilisateur ne sont pas clairement étiquetés.

Résultat attendu :

Tous les éléments ou champs nécessitant une saisie utilisateur doivent être clairement étiquetés avec des libellés descriptifs et visibles, afin que les utilisateurs puissent facilement comprendre les informations requises.

Les éléments nécessitant une saisie utilisateur ne sont pas clairement étiquetés

Des erreurs et avertissements de validation HTML sont détectés

Gravité :

Mineure

Étapes de reproduction :
  1. Suivez le lien https://validator.w3.org/.
  2. Dans « Adresse : », insérez « https://myvote.wi.gov/en-us/Voter-Registration ».
  3. Cliquez sur le bouton « Vérifier ».
Environnement :

OS : Windows 10 Pro
Navigateurs : Chrome v.129.0.6668.71, Firefox v.130.0.1, Microsoft Edge v.129.0.2792.52

Résultat réel :

Des erreurs et des avertissements de validation HTML sont détectés, y compris des caractères illégaux, une utilisation incorrecte des attributs et des éléments obsolètes.

Résultat attendu :

Le code HTML doit être exempt d’erreurs de validation. Tous les attributs, éléments et caractères doivent être conformes aux normes HTML.

Des erreurs et avertissements de validation HTML sont détectés
J'ai trouvé plusieurs obstacles d'accessibilité importants, tels que l'adaptation inadéquate du site Web à différentes tailles d'écran, le manque de clarté des étiquettes des champs de saisie et un contraste de couleurs insuffisant. Ces problèmes peuvent empêcher les électeurs américains éligibles handicapés d'utiliser le site Web et de terminer leur inscription. Je recommande de réaliser une évaluation approfondie de l'accessibilité et de faire appel à des experts indépendants en tests d'accessibilité pour obtenir un examen impartial.
Iryna, QA engineer

Iryna, QA engineer

Vous avez besoin d'un partenaire QA fiable ?

Embauchez-nous