UX, accessibilité, SEO et qualité web

Je vois : Une liste de contrôle qualité sert de synthèse du module : elle rassemble les vérifications de navigation, accessibilité, adaptation mobile et référencement à effectuer avant publication.

J’essaie : Écrivez une courte liste de contrôle qualité à réutiliser lors d’une prochaine publication.

Je vérifie : La liste de contrôle comporte des vérifications exécutables et un résultat à consigner.

Autre façon de faire : Rédigez une checklist courte avec une action et un résultat observable par point.

Pour reprendre plus tard : Conservez la version ou le scénario utilisé, la preuve disponible et l’étape distante qui reste à tester réellement.

Je vois : Une difficulté de parcours se révèle quand le visiteur hésite sur l'action suivante.

J’essaie : Suivez le parcours d’un visiteur fictif et repérez une hésitation.

Je vérifie : Le parcours comporte un objectif et au moins un point de friction observable.

Autre façon de faire : Demandez à une autre personne de lire le parcours proposé et de signaler à quel moment elle ne sait plus où aller.

Pour reprendre plus tard : Conservez votre production de l’activité 1, le point précis du critère non encore satisfait et la prochaine vérification à effectuer.

Je vois : Les titres structurent la lecture et les liens doivent annoncer leur destination.

J’essaie : Vérifiez la présence de titres hiérarchisés et d’un lien de navigation compréhensible.

Je vérifie : Un titre principal et des sous-titres cohérents rendent le plan compréhensible.

Autre façon de faire : Sur une copie HTML locale, contrôlez l’ordre des titres et le libellé des liens.

Pour reprendre plus tard : Enregistrez une copie datée du fichier ou une capture du résultat, puis notez le contrôle technique restant à exécuter.

Je vois : Le focus visible permet de suivre le déplacement au clavier.

J’essaie : Parcourez les liens au clavier et repérez l’indicateur de focus.

Je vérifie : Le focus est visible sur les liens et suit un ordre de navigation logique.

Autre façon de faire : Sans compte, ouvrez une page HTML locale et parcourez ses liens avec Tab puis Maj+Tab ; notez l’ordre et la visibilité du focus. Une annotation sur papier prépare le contrôle mais ne remplace pas l’essai au clavier.

Pour reprendre plus tard : Enregistrez une copie datée du fichier ou une capture du résultat, puis notez le contrôle technique restant à exécuter.

Je vois : Un texte alternatif décrit l'information utile portée par une image, pas sa décoration.

J’essaie : Examinez une image sans texte alternatif et proposez une description utile.

Je vérifie : Pour une image informative, le texte de l’attribut alt restitue son information essentielle. Pour une image purement décorative, utilisez alt="" afin qu’elle soit ignorée par les lecteurs d’écran.

Autre façon de faire : Sur papier, rédigez un texte alternatif utile pour une image informative ; pour une image uniquement décorative, indiquez alt="". Comparez les deux cas.

Pour reprendre plus tard : Conservez votre production de l’activité 4, le point précis du critère non encore satisfait et la prochaine vérification à effectuer.

Je vois : Une page adaptable ne doit pas imposer de défilement horizontal pour lire le contenu courant.

J’essaie : Réduisez la largeur d’affichage et repérez un élément qui dépasse.

Je vérifie : Le contenu reste accessible à faible largeur sans chevauchement ni défilement horizontal non prévu.

Autre façon de faire : Réduisez la fenêtre du navigateur pour constater les débordements réels.

Pour reprendre plus tard : Conservez votre production de l’activité 5, le point précis du critère non encore satisfait et la prochaine vérification à effectuer.

Je vois : Le titre et la description d'une page doivent refléter son contenu réel.

J’essaie : Repérez le titre de page et une description qui résume son contenu réel.

Je vérifie : Le titre et la description correspondent au sujet réel de la page.

Autre façon de faire : Comparez le titre et la description d’une page locale à son contenu visible.

Pour reprendre plus tard : Enregistrez une copie datée du fichier ou une capture du résultat, puis notez le contrôle technique restant à exécuter.

Je vois : La balise canonique désigne l'URL de référence d'un contenu.

J’essaie : Comparez deux URL canoniques et choisissez celle correspondant à la page de référence.

Je vérifie : La canonical désigne l’URL de référence prévue et non une page sans rapport.

Autre façon de faire : Sur deux URL fictives, choisissez la référence canonique et expliquez pourquoi.

Pour reprendre plus tard : Enregistrez une copie datée du fichier ou une capture du résultat, puis notez le contrôle technique restant à exécuter.

Je vois : Un QR code doit conduire à l'adresse exacte attendue par son support imprimé.

J’essaie : Lisez la destination d’un QR code et comparez-la à la page attendue.

Je vérifie : Le QR code se décode vers l’URL attendue ; ouvrez ensuite cette URL pour confirmer que la page est réellement accessible et correspond au contenu annoncé.

Autre façon de faire : Scannez le QR code avec un lecteur gratuit ; sans lecteur, notez « destination non vérifiée ».

Pour reprendre plus tard : Enregistrez une copie datée du fichier ou une capture du résultat, puis notez le contrôle technique restant à exécuter.

Je vois : Le poids des images influe sur le chargement, notamment avec une connexion lente.

J’essaie : Repérez une image trop lourde et proposez une vérification de son poids.

Je vérifie : La ressource volumineuse est identifiée et son poids est mesuré avant et après optimisation.

Autre façon de faire : Sans compte, ouvrez les outils de développement du navigateur pour relever la taille réelle de l’image transférée ; sur papier, listez les éléments à contrôler mais ne prétendez pas avoir mesuré le poids.

Pour reprendre plus tard : Notez le résultat attendu, l’observation obtenue et l’éventuel écart à reproduire à la prochaine séance.

Je vois : Une préférence enregistrée localement n'est pas automatiquement une donnée envoyée à un tiers.

J’essaie : Distinguez une préférence locale d’une donnée transmise à un service externe.

Je vérifie : Le stockage local est distingué d’un transfert réseau ; aucune confidentialité absolue n’est promise.

Autre façon de faire : Classez sur papier stockage local et transmission réseau, sans présumer de la confidentialité.

Pour reprendre plus tard : Gardez le tableau de classement avec les éléments qui vous ont fait hésiter et la distinction à revoir.

Je vois : Un test utilisateur révèle des hésitations invisibles pour la personne qui a conçu la page.

J’essaie : Faites tester à une autre personne l’accès à une page précise.

Je vérifie : La personne testée atteint la page sans indication supplémentaire ; les hésitations sont notées.

Autre façon de faire : Demandez à une personne d’ouvrir la page et notez ses hésitations ; une simulation ne remplace pas ce test.

Pour reprendre plus tard : Enregistrez une copie datée du fichier ou une capture du résultat, puis notez le contrôle technique restant à exécuter.

Je vois : Tab et Entrée permettent de tester une partie essentielle de l'usage sans souris.

J’essaie : Vérifiez qu’un bouton reste utilisable avec Tab et Entrée.

Je vérifie : Tab et Entrée permettent d’actionner le bouton et le focus reste visible.

Autre façon de faire : Sans abonnement, ouvrez une copie locale de la page et testez le bouton avec Tab puis Entrée. Notez l’état du focus et le résultat obtenu ; un parcours décrit sur papier n’atteste pas de l’interaction.

Pour reprendre plus tard : Notez le résultat attendu, l’observation obtenue et l’éventuel écart à reproduire à la prochaine séance.

Je vois : Deux largeurs d'écran peuvent révéler des débordements différents.

J’essaie : Contrôlez la page à deux largeurs et notez le premier débordement.

Je vérifie : Deux largeurs au minimum sont consignées avec une anomalie précise ou l’absence de débordement.

Autre façon de faire : Sans compte, testez une page locale dans un navigateur à deux largeurs distinctes et notez les débordements observés. Un dessin peut anticiper les risques, mais pas valider l’affichage réel.

Pour reprendre plus tard : Enregistrez une copie datée du fichier ou une capture du résultat, puis notez le contrôle technique restant à exécuter.

Je vois : Titre, description et URL canonique doivent décrire la même ressource.

J’essaie : Vérifiez que le titre, la description et la canonical désignent la même page.

Je vérifie : Titre, description et canonical désignent le même contenu publié.

Autre façon de faire : Lisez title, description et canonical dans le code source et confrontez-les au contenu.

Pour reprendre plus tard : Enregistrez une copie datée du fichier ou une capture du résultat, puis notez le contrôle technique restant à exécuter.

Je vois : Une adresse imprimée et celle d'un QR code doivent mener au même contenu attendu.

J’essaie : Comparez le lien imprimé et la destination réelle du QR code.

Je vérifie : L’URL encodée correspond à la page voulue et reste accessible depuis le support prévu.

Autre façon de faire : Scannez le QR code et comparez sa destination à l’URL imprimée ; sinon marquez le test non effectué.

Pour reprendre plus tard : Enregistrez une copie datée du fichier ou une capture du résultat, puis notez le contrôle technique restant à exécuter.

Je vois : Une anomalie reproductible précise les étapes, le résultat attendu et le résultat observé.

J’essaie : Remplissez une grille d’anomalies avec étapes, attendu et constaté.

Je vérifie : La grille comporte pour chaque anomalie étapes, attendu, constaté et gravité.

Autre façon de faire : À partir d’un défaut fictif, écrivez les étapes pour le reproduire et distinguez le résultat attendu du résultat observé.

Pour reprendre plus tard : Conservez votre production de l’activité 16, le point précis du critère non encore satisfait et la prochaine vérification à effectuer.

Je vois : La découverte d'une page doit rester compréhensible pour une personne qui ne connaît pas le projet.

J’essaie : Parcourez une page de découverte Récits Vivants comme un visiteur débutant.

Je vérifie : Le parcours d’un novice aboutit à une action identifiable sans explication extérieure.

Autre façon de faire : Faites parcourir une page réelle à un novice et notez ce qu’il comprend sans aide.

Pour reprendre plus tard : Enregistrez une copie datée du fichier ou une capture du résultat, puis notez le contrôle technique restant à exécuter.

Je vois : Une décision de recette s'appuie sur des observations, non sur une impression générale.

J’essaie : Sans IA, justifiez un GO/NO GO à partir de trois observations vérifiables.

Je vérifie : Le verdict s’appuie sur trois constats datés et distingue blocage et amélioration.

Autre façon de faire : Examinez trois constats fictifs, dont un défaut bloquant, et expliquez la décision de publication sans demander l’avis d’une IA.

Pour reprendre plus tard : Conservez uniquement l’exemple anonymisé, la correction retenue et l’affirmation ou la donnée qu’il faudra contrôler.

Je vois : Une référence d'accessibilité permet de confronter un constat à un critère explicite.

J’essaie : Repérez une règle d’accessibilité à approfondir dans une référence officielle.

Je vérifie : La référence choisie concerne bien la règle testée et une méthode de contrôle est notée.

Autre façon de faire : Consultez une référence officielle d’accessibilité et notez comment tester la règle choisie.

Pour reprendre plus tard : Conservez votre production de l’activité 19, le point précis du critère non encore satisfait et la prochaine vérification à effectuer.