Les incontournables du Web et des technologies en 2026.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Cas pédagogique : un champ utilise id="demo-email" et son libellé for="demo-email". Retrouvez la règle d’association dans le HTML Living Standard et vérifiez que l’identifiant est unique dans l’arbre concerné.

Vérification utile

Le type email vérifie une forme d’adresse, pas l’existence de la boîte ni la maîtrise de cette adresse par la personne. Un texte indicatif dans le champ ne remplace pas à lui seul un libellé correctement associé.

Interprétation et suite

Conservez la section citée et la date de consultation. Un extrait valide ne prouve pas l’accessibilité de toute la page. Vérifiez le nom accessible, le focus et les retours d’erreur sur l’exemple rendu.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Cas pédagogique : préparer une note sur HTTP à partir de RFC 9110. Sa fiche indique Internet Standard et STD 97. Un numéro RFC ne permet pas de déduire le statut des autres publications de la série.

Vérification utile

Avant de citer un passage, examinez les relations Updates, Obsoletes et les errata vérifiés. Le texte d’origine reste archivé ; une révision ou un remplacement paraît sous un nouveau numéro RFC. Le périmètre du changement se lit dans le document, pas dans sa seule date.

Interprétation et suite

Quand le document adopte BCP 14, MUST en majuscules exprime une exigence absolue de la spécification. SHOULD permet des exceptions justifiées après examen de leurs conséquences ; MAY marque une option. Un texte peut aussi être normatif sans ces mots-clés.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Exemple fictif : lors d’une reprise, les coordonnées du titulaire d’un domaine générique ne sont pas toutes affichées dans une réponse RDAP. Cette absence ne suffit pas à établir que le nom est disponible.

Vérification utile

Consultez le service de recherche ICANN, puis identifiez le bureau d’enregistrement et les statuts publiés. Rapprochez ces éléments des justificatifs et accès transmis par le titulaire.

Interprétation et suite

Conservez la date de consultation. Les données publiques ne donnent ni accès au compte ni autorisation de transfert ; faites confirmer séparément les droits d’accès et le renouvellement.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Exemple fictif : le Whois d’un domaine en .fr indique des serveurs de noms, alors que le site ne répond plus. L’enregistrement du domaine et la disponibilité du service sont deux vérifications différentes.

Vérification utile

Relevez le bureau d’enregistrement, les dates et les serveurs de noms affichés. Comparez-les au compte de gestion et à la délégation DNS attendue, sans modifier les enregistrements pendant ce premier constat.

Interprétation et suite

Une fiche Whois ne teste ni le serveur Web ni la messagerie. Poursuivez le diagnostic DNS, puis le contrôle du service concerné ; confirmez le renouvellement dans le compte du bureau d’enregistrement.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Avant de retenir une fonction du navigateur pour un formulaire, retrouvez sa fiche précise dans les données de compatibilité MDN, sous __compat.support. Vérifiez le navigateur visé et la version concernée. Une information sur une API générale ne décrit pas automatiquement chacune de ses méthodes ou de ses options.

Vérification utile

Dans une entrée fictive marquée partial_implementation: true, lisez la propriété notes avant de conclure à une prise en charge complète. Un nom de fonction peut exister alors que le comportement attendu manque. Les indications de version, de retrait ou d’activation conditionnelle doivent être rapprochées de la fonction réellement utilisée.

Interprétation et suite

Conservez la version du jeu @mdn/browser-compat-data ou la révision consultée avec le résultat de votre essai. Distinguez les marqueurs experimental et deprecated des données de prise en charge. Vérifiez ensuite le parcours dans les navigateurs de votre public : la documentation prépare le test, elle ne remplace pas son résultat.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Pour examiner les recherches qui mènent à une page, préparez une réponse fictive avec dimensions: ["query", "page"]. Les valeurs du tableau keys suivent cet ordre : la première désigne la requête, la seconde la page. Inverser les colonnes lors d’un export peut produire une analyse lisible mais fausse.

Vérification utile

Le paramètre rowLimit accepte de 1 à 25 000 lignes par réponse ; startRow indique le décalage, à partir de zéro. Paginer permet de parcourir les résultats disponibles, sans garantir un export exhaustif : l’API précise qu’elle renvoie les principales lignes dans les limites de Search Console.

Interprétation et suite

Dans un exemple pédagogique, ctr: 0.25 signifie 25 %, et non 0,25 %. Les dates de la requête sont exprimées selon l’heure du Pacifique, avec leurs bornes incluses. Conservez période, dimensions et filtres pour comparer deux extractions ; la position moyenne ne décrit pas un classement identique pour tous les internautes.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Exemple fictif : une équipe observe 100 en juin et 50 en juillet pour une recherche, avec les mêmes réglages. Elle envisage d’avancer la publication d’un guide saisonnier.

Vérification utile

Conservez le périmètre de la comparaison et confrontez plusieurs périodes aux questions du contact et aux demandes reçues. Les valeurs ne constituent pas un comptage des visiteurs du site.

Interprétation et suite

Préparez un contenu utile avant la période attendue, puis observez ses propres résultats. Une hausse Trends ne garantit ni audience, ni commande, ni citation par un moteur à IA.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Exemple fictif : une activité exclusivement en ligne, sans rencontre avec les clients, envisage une fiche. L’ajout d’une adresse postale ne suffit pas à la rendre éligible. Retrouvez les critères de la catégorie et les exceptions documentées avant toute promesse.

Vérification utile

Seul le propriétaire ou un représentant autorisé peut vérifier et gérer la fiche selon les règles du service. Le fait de créer un site pour l’entreprise ne donne pas automatiquement ce mandat. Distinguez horaires d’accueil réel et disponibilité de réponse en ligne.

Interprétation et suite

Faites confirmer nom, activité, adresse ou zone de service et horaires par le responsable. Une fiche déjà visible ne constitue pas une validation permanente de toutes ces données. Conservez la source et réexaminez les informations lors d’un changement d’activité.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Si une URL peu visitée n’apparaît plus dans un rapport Matomo, recherchez la ligne « Others » avant de conclure à une absence de visites. Des limites appliquées lors de l’archivage peuvent regrouper certaines lignes ; le nombre de lignes visibles ne représente pas le nombre total de pages suivies.

Vérification utile

Identifiez la version, le rapport et le mode d’archivage. Matomo On-Premise et Matomo Cloud n’offrent pas les mêmes réglages ; une limite d’affichage ou d’API ne recrée pas une ligne déjà agrégée pendant l’archivage.

Interprétation et suite

Sur une copie de test, comparez une période et un segment identiques. Modifier les limites d’archivage peut augmenter durée de calcul, stockage et mémoire. Les périodes déjà traitées peuvent nécessiter un retraitement ; conservez un résultat de référence avant de changer le réglage.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Exemple fictif : après une migration DNS vers Cloudflare, le site répond à une interrogation directe mais échoue depuis un résolveur validant. La nouvelle adresse web, seule, n’explique pas la différence.

Vérification utile

Comparez le DS publié chez le parent avec les paramètres DNSSEC du fournisseur faisant autorité. Notez les réponses et l’heure ; ne recopiez aucune clé privée dans le dossier.

Interprétation et suite

Un DS ancien peut rompre la chaîne de confiance. Faites corriger la coordination par le responsable du domaine et confirmez la résolution validée ; une désactivation locale du contrôle ne clôt pas l’incident.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Exemple fictif : un site doit couvrir aussi un nom wildcard, mais la procédure de renouvellement ne prévoit qu’un jeton HTTP. Cette méthode Let’s Encrypt ne couvre pas le besoin wildcard.

Vérification utile

Étudiez DNS-01, l’accès au TXT de validation et les permissions minimales de l’automatisation. Une API DNS disponible ne prouve pas que le client ACME et la délégation sont correctement configurés.

Interprétation et suite

Après validation, contrôlez le certificat réellement présenté pour les noms attendus. Une politique CAA autorisant l’émission ne remplace ni ce contrôle ni la protection de la clé privée.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Sur une copie autorisée, choisir une page avec image, un article classé et un contenu personnalisé. Examiner leur présence dans un export WXR avec les filtres retenus.

Vérification utile

Importer dans une installation de test, puis vérifier les textes, taxonomies et médias. Le fichier XML de contenu n’embarque pas à lui seul le thème, les extensions et tous les fichiers du site.

Interprétation et suite

Noter ce qui est transféré, ce qui reste à récupérer et les éléments à reconfigurer. Pour WordPress.com, les médias sont référencés par des liens dans l’export ; organiser leur copie avant de retirer l’ancienne source.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Choisir un produit avec variantes et plusieurs images dans une boutique de test autorisée. Conserver le CSV d’origine avant toute modification et repérer les liens d’images.

Vérification utile

Comparer produit, variantes et médias après import. Un tri isolé de lignes peut rompre leurs associations ; les photos ne sont pas contenues dans le CSV et doivent rester accessibles pendant la reprise.

Interprétation et suite

Examiner séparément les stocks par emplacement. Un catalogue de produits et un inventaire ne représentent pas le même périmètre ; ne fermer l’ancienne boutique qu’après la validation des données nécessaires.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Une page PHP échoue après une modification. Dans une copie de test, php -l page.php vérifie la syntaxe du fichier indiqué sans exécuter son code. Le résultat porte sur ce fichier, pas sur tout le parcours du site.

Vérification utile

Relevez aussi php -v et php --ini pour identifier l’interpréteur et la configuration de la ligne de commande. Le serveur web peut utiliser une autre version ou un autre fichier de configuration.

Interprétation et suite

Une syntaxe valide ne vérifie ni les fonctions appelées à l’exécution, ni la base de données, ni l’envoi d’un formulaire. Après correction, reproduisez donc l’action concernée dans l’environnement de test.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Pour reprendre une application PHP, distinguez installation et changement de dépendances. Avec un composer.lock présent, composer install reprend les versions verrouillées ; composer update résout les dépendances et met le verrou à jour.

Vérification utile

Dans une copie du projet, conservez ensemble composer.json et composer.lock, puis vérifiez les prérequis avec composer check-platform-reqs. Ce contrôle examine les versions réelles de PHP et des extensions requises par les paquets installés, même si config.platform simule une autre plateforme.

Interprétation et suite

Des prérequis satisfaits ne prouvent pas le bon fonctionnement de l’application. Notez l’environnement utilisé et testez ensuite une tâche représentative ; une mise à jour de dépendances mérite une vérification distincte d’une simple installation.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Avant de comparer deux erreurs JavaScript côté serveur, relevez node --version. Un même fichier peut dépendre du format de module et de l’environnement, même si son nom est identique sur les deux machines.

Vérification utile

Dans un cas minimal, .mjs désigne un module ECMAScript et .cjs un module CommonJS. node --check app.cjs contrôle la syntaxe du fichier cité sans exécuter le programme.

Interprétation et suite

L’absence d’erreur de syntaxe ne valide pas les appels réseau, les dépendances chargées ou les variables de configuration. Consignez le format du module et poursuivez avec un test de l’action réellement attendue.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Pour réinstaller un projet JavaScript à partir de son verrou, npm ci exige un package-lock.json ou un npm-shrinkwrap.json existant. Si le verrou et package.json ne concordent pas, la commande échoue au lieu de réécrire le verrou.

Vérification utile

Préparez une copie de test : npm ci remplace le répertoire node_modules existant. L’option --ignore-scripts empêche les scripts des fichiers package.json de cette installation de s’exécuter ; ce choix peut aussi empêcher la préparation nécessaire d’un paquet.

Interprétation et suite

Un verrou ne décrit pas à lui seul toute la machine. Conservez les versions de Node.js et npm, les options d’installation utiles et le résultat de la construction ; l’installation réussie ne remplace pas un test de l’application.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Une réponse JSON peut contenir {"price":"12"} alors que le programme attend un nombre. Une assertion de type avec as ne transforme pas cette chaîne et ne contrôle pas la réponse à l’exécution.

Vérification utile

Dans un projet configuré, tsc --noEmit effectue le contrôle des types sans produire les fichiers de sortie du compilateur. Pour une donnée extérieure, partez d’un type unknown et vérifiez sa forme et ses valeurs avant utilisation.

Interprétation et suite

Séparez ainsi deux preuves : cohérence statique du code et validation des données reçues. Un contrôle TypeScript réussi ne démontre ni la validité d’une réponse future ni la disponibilité d’un service distant.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Dans un formulaire de démonstration, changer de client peut conserver une saisie précédente si le même composant reste au même endroit dans l’arbre. React associe son état à cette position et à l’identité du composant.

Vérification utile

L’exemple <Editor key={customerId} /> donne une identité distincte à chaque client. Lorsque cette clé change, React recrée le sous-arbre et réinitialise son état local ; vérifiez ce comportement avec deux identifiants de test.

Interprétation et suite

Ce choix peut effacer une saisie non enregistrée. Décidez d’abord si le brouillon doit être conservé par client ou réinitialisé ; une clé ne sauvegarde rien sur le serveur et ne remplace pas une stratégie de persistance.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Pour préparer un script de traitement de contenus, créez un environnement de démonstration avec python -m venv .venv. Ses paquets sont isolés par défaut de ceux du Python de base. Gardez le script et ses données en dehors du dossier .venv, qui contient l’environnement recréable, pas les sources du projet.

Vérification utile

Vérifiez quel interpréteur exécute réellement le script : sys.prefix != sys.base_prefix indique un environnement virtuel. L’activation facilite le choix de l’interpréteur dans le terminal, mais elle n’est pas obligatoire ; on peut appeler directement son exécutable. Le nom affiché dans le terminal ne suffit donc pas comme preuve.

Interprétation et suite

Un dossier d’environnement virtuel n’est généralement pas portable par simple copie. Pour transmettre le travail, documentez la version Python et les dépendances, puis recréez l’environnement à destination. Vérifiez le traitement sur un petit fichier connu avant de reprendre tout le lot de contenus.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Un fichier peut contenir des modifications déjà préparées pour le prochain commit et d’autres changements effectués ensuite. Pour un fichier suivi hors conflit de fusion, les deux colonnes de git status --short distinguent l’index et le répertoire de travail.

Vérification utile

Comparez git diff, qui montre les changements du répertoire de travail par rapport à l’index, et git diff --cached, qui montre les changements préparés par rapport à HEAD. Les deux vues peuvent donc différer pour le même fichier.

Interprétation et suite

Lisez la vue correspondant à ce que vous voulez livrer. Ces commandes décrivent des différences ; elles ne valident pas le comportement du programme. Conservez les contrôles fonctionnels avec la révision effectivement testée.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Inventorier le dépôt, son wiki éventuel et les fichiers gérés par Git LFS avant de préparer une sauvegarde autorisée. Identifier aussi les données d’application conservées hors Git.

Vérification utile

Contrôler un clone miroir et récupérer explicitement les objets LFS lorsqu’ils existent. Le wiki correspond à un autre dépôt : la présence des fichiers du projet ne prouve pas que sa documentation a été copiée.

Interprétation et suite

Essayer la reprise dans un environnement isolé et comparer historique, fichiers et dépendances nécessaires. La copie du code ne garantit ni restauration de la base de données ni disponibilité des comptes et services externes.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Dans une application de démonstration, les données écrites dans la couche modifiable d’un conteneur disparaissent avec ce conteneur. Un volume Docker possède un cycle de vie séparé et permet de conserver les données au-delà de ce remplacement.

Vérification utile

Sur un volume de test nommé demo-data, docker volume inspect demo-data décrit notamment le pilote et le point de montage. Reliez ces informations au montage réellement utilisé par l’application, plutôt qu’au seul nom du conteneur.

Interprétation et suite

La présence d’un volume ne prouve pas une sauvegarde utilisable. Préparez une copie cohérente avec l’application et vérifiez sa restauration séparément ; pour une base de données, un simple relevé du montage ne valide pas la cohérence des données.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Exemple fictif : transformer une note d’événement en fiche structurée. Définissez les champs attendus et gardez null pour une date absente de la source plutôt que d’en inventer une. Utilisez un document de démonstration sans données privées.

Vérification utile

La documentation distingue sortie JSON et sortie contrainte par schéma. Une structure valide vérifie une forme, pas la vérité des noms, dates ou citations. Comparez chaque valeur au passage source et prévoyez le traitement des informations manquantes.

Interprétation et suite

Consignez le modèle, les paramètres et la version du document lors de l’essai. Une réponse plausible ou reproductible ne devient pas une preuve. Faites valider les éléments à publier par la personne responsable du contenu, surtout après une modification de modèle ou de consigne.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Pour comparer deux modèles destinés à une même tâche, commencez par leur fiche README.md. Elle associe du texte Markdown et des métadonnées YAML. Relevez la tâche pipeline_tag, les usages décrits et les limites annoncées ; un modèle de génération de texte ne répond pas automatiquement à tous les besoins d’un assistant.

Vérification utile

Vérifiez le champ license et le texte de licence auquel il renvoie. Repérez aussi les jeux de données mentionnés et les conditions propres aux ressources utilisées. Une fiche incomplète laisse des questions ouvertes : ne transformez pas une information absente en autorisation ou en résultat d’évaluation favorable.

Interprétation et suite

Conservez l’identifiant du dépôt et sa révision avec les fichiers et paramètres du test. Une branche main peut évoluer ; deux essais portant le même nom de modèle ne sont donc pas forcément comparables. Évaluez les réponses sur vos cas représentatifs et distinguez les résultats de l’éditeur de ceux que vous avez effectivement reproduits.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Si PageSpeed affiche des données pour l’origine plutôt que pour l’URL, le résultat décrit un ensemble de pages du site. Il ne prouve pas que la page examinée possède les mêmes performances. Relevez la portée affichée avant de choisir une correction.

Vérification utile

Le panneau CrUX décrit les expériences observées sur les 28 derniers jours ; Lighthouse exécute un test simulé à un instant donné. Conservez séparément l’URL, le type d’appareil, la portée et la date du rapport. Une correction récente peut déjà modifier le test sans effacer les anciennes expériences.

Interprétation et suite

L’absence de données de terrain signifie que l’échantillon disponible ne permet pas ce rapport. Ce n’est ni un score nul ni une réussite. Utilisez le diagnostic de laboratoire pour chercher une cause, puis suivez les données de terrain lorsqu’elles deviennent disponibles.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Exemple fictif : un score Performance Lighthouse passe de 72 à 84. L’équipe veut annoncer un site « 12 % plus rapide ».

Vérification utile

L’écart est de 12 points de score, pas une réduction de 12 % du temps de chargement. Examinez les mesures sous-jacentes, les réglages et plusieurs essais comparables avant de formuler un résultat.

Interprétation et suite

Les métriques contribuent au score Performance selon une pondération ; le nombre de conseils ou de diagnostics ne s’y soustrait pas directement. Vérifiez aussi le parcours réel après la correction.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Le tableau propose trois exécutions fictives avec le LCP en secondes. Le lieu, le navigateur, la connexion et le contenu sont supposés constants. Première visite et revisite désignent deux conditions de cache distinctes.

Vérification utile

Les médianes séparées valent ici 3,3 et 1,9 secondes. Comparez la même grandeur avec des réglages identiques ; choisir la meilleure première visite face à une revisite médiane fausserait le rapprochement. Ces valeurs ne mesurent aucun site réel.

Interprétation et suite

Rapprochez la différence de la cascade des requêtes et des ressources réutilisées. Rejouez les mêmes conditions après une modification ciblée. Une revisite plus rapide ne démontre pas que tous les visiteurs obtiennent ce résultat.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Pour contrôler une page de démonstration avec Nu Html Checker, le corps d’une requête POST peut contenir directement le HTML, avec Content-Type: text/html; charset=utf-8. Le paramètre out=json demande un rapport structuré. Distinguez bien le document envoyé du rapport reçu et conservez la version de la page examinée.

Vérification utile

Dans un rapport fictif, inspectez le tableau messages et le champ type. Une entrée error signale un problème détecté ; non-document-error indique que le contrôle n’a pas pu aller à son terme. Ce second cas ne doit pas être présenté comme une page sans erreur : le résultat reste indéterminé.

Interprétation et suite

Les messages et leurs positions aident à retrouver la source à corriger. Rejouez le contrôle après modification, puis vérifiez le clavier, les contenus et les fonctions utiles. L’absence d’erreur du validateur ne constitue ni une certification d’accessibilité ni une garantie de fonctionnement ou de classement dans les moteurs de recherche.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Cas fictif : une grille de fiches utilise subgrid. Relevez la fonctionnalité exacte, les navigateurs et leurs versions cibles avant de lire le tableau. Un pourcentage global ne décrit pas à lui seul le public du projet.

Vérification utile

Consultez les notes attachées aux cellules. La prise en charge indique que la fonction principale est largement utilisable ; elle ne garantit pas tous les cas particuliers. Préparez un agencement de repli qui garde les fiches lisibles.

Interprétation et suite

Essayez ensuite les contenus longs, le zoom et la navigation du composant sur les environnements retenus. Le tableau de compatibilité prépare cette vérification ; il ne l’exécute pas sur votre interface.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Un rapport fictif d’axe-core contient violations: [] et un résultat incomplete. Ce dernier demande une vérification supplémentaire ; il ne devient pas une réussite parce que le tableau des violations est vide.

Vérification utile

Conservez version du moteur, périmètre et état de l’interface. Ouvrez le menu ou la fenêtre concernés avant de relancer l’analyse : un panneau qui reste masqué n’est pas contrôlé comme son état affiché.

Interprétation et suite

Examinez la cible et la règle du résultat indéterminé, puis consignez votre contrôle manuel. inapplicable indique qu’aucun contenu correspondant à la règle n’a été trouvé. Complétez l’automatisation par le parcours au clavier et les contrôles humains pertinents.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Une image possède un texte alternatif, donc WAVE ne signale pas son absence. Ce résultat ne dit pas si le texte décrit la bonne information. Comparez l’image, sa fonction dans la page et le texte lu sans l’image.

Vérification utile

Examinez la documentation de chaque icône : une alerte demande une appréciation, tandis qu’un élément signalé comme caractéristique d’accessibilité peut encore être mal employé. Complétez avec un parcours au clavier et l’essai des erreurs du formulaire.

Interprétation et suite

Pour une page locale, dynamique ou protégée, les extensions WAVE permettent d’examiner la page dans le navigateur. Reproduisez les états utiles avant le contrôle. L’absence d’erreurs détectées ne constitue pas une certification de conformité.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Exemple fictif : un avis mentionne une vulnérabilité dans un composant présent sur le site. La présence du nom du produit ne suffit pas à établir que votre version et votre configuration sont concernées.

Vérification utile

Distinguez l’alerte sur un danger immédiat, l’avis décrivant une vulnérabilité et ses remèdes, et le rapport de menace. Comparez versions affectées, prérequis et mesures de l’éditeur à votre inventaire réel.

Interprétation et suite

Consignez la référence et la date de révision du document. Un avis n’est pas une preuve de compromission : appliquez la réponse adaptée, puis vérifiez la version et le fonctionnement après correction.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Exemple fictif : une équipe veut vérifier qu’un client ne peut pas consulter la commande d’un autre. Citer seulement le Top 10 ne décrit ni l’exigence ni le test exécuté.

Vérification utile

Utilisez le Top 10 pour situer le risque, ASVS pour formuler les exigences et WSTG pour préparer les tests. Notez la version de chaque document et adaptez le scénario à vos comptes et données de test.

Interprétation et suite

Conservez le résultat attendu, le résultat observé et la preuve de la correction. La lecture d’un référentiel ou le passage d’un seul test ne certifie pas la sécurité de l’ensemble du site.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Pour comprendre Pwned Passwords, utilisez une chaîne publique de démonstration, jamais un mot de passe réel. Calculez son empreinte SHA-1 localement et transmettez seulement les 5 premiers caractères hexadécimaux au service. Comparez ensuite les 35 caractères restants aux suffixes reçus, sans envoyer la chaîne ni son empreinte complète.

Vérification utile

L’en-tête Add-Padding: true ajoute des lignes de remplissage : ignorez celles dont le compteur vaut zéro. La comparaison doit porter sur le suffixe exact. Un statut HTTP 200 confirme la réponse à la recherche par préfixe ; il ne signifie pas que le mot de passe recherché a été trouvé.

Interprétation et suite

Attendez que la saisie soit terminée au lieu d’interroger le service à chaque frappe. Une absence de correspondance ne garantit pas la sécurité du mot de passe. Le recours à SHA-1 dans ce protocole ne constitue pas une méthode conseillée de stockage des mots de passe ; la recherche de fuites par adresse e-mail est un autre service.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Exemple fictif : relire un rapport d’analyse d’un fichier. Rapprochez l’empreinte du fichier exact, la date et les résultats par moteur. Un nom de fichier identique ne garantit pas que les octets analysés sont ceux que vous examinez.

Vérification utile

Une absence de détection n’est pas une preuve d’innocuité. Le statut undetected signifie absence d’avis du moteur ; un failure ou un délai dépassé n’est pas un résultat favorable. Examinez les états et le contexte plutôt qu’un seul compteur.

Interprétation et suite

Les quotas de l’API publique et ses restrictions d’usage sont distincts. L’apport de nouveaux fichiers ne supprime pas l’interdiction des produits ou services commerciaux. Vérifiez l’offre autorisée pour le besoin avant toute intégration ; cet exemple ne lance aucune analyse.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Exemple fictif : le rapport TLS d’un site obtient une bonne note, mais un compte accède encore à des données qui ne lui appartiennent pas. La note ne mesure pas cette autorisation applicative.

Vérification utile

Sur un serveur que vous êtes autorisé à tester, relevez le nom d’hôte, la date, le certificat et les protocoles présentés. Si plusieurs points d’accès apparaissent, examinez leurs résultats séparément.

Interprétation et suite

Après correction de la configuration TLS, refaites le contrôle du point d’accès concerné. Gardez un test distinct pour les comptes, les permissions et les parcours métier ; aucune note TLS ne les valide.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Pour préparer un visuel de site depuis une maquette Figma autorisée, relevez la clé du fichier, les identifiants des cadres et la version de référence. La lecture du document avec GET /v1/files/:key renvoie sa structure ; le rendu des cadres relève de GET /v1/images/:key, avec un format choisi comme png ou svg.

Vérification utile

Dans une réponse de démonstration, vérifiez chaque identifiant demandé dans la propriété images. Une valeur null signale un échec de rendu : elle ne doit pas être comptée comme une image livrée. Contrôlez ensuite les dimensions, la lisibilité et le cadrage dans la page qui recevra le visuel.

Interprétation et suite

Les liens des images rendues expirent après 30 jours selon la documentation Figma. Préparez donc la remise des fichiers utiles, avec les droits de réutilisation et une alternative textuelle adaptée au contexte. Un export réussi ne garantit ni un texte accessible dans la page ni un affichage correct sur téléphone.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Pour une galerie reliée à l’API Unsplash, affichez les images avec les adresses renvoyées dans photo.urls.*. Les règles de cette API demandent un crédit au photographe et à Unsplash. Conservez les informations de source avec le visuel au lieu de séparer la photo de son attribution.

Vérification utile

Sur une réponse de démonstration, distinguez l’affichage d’un aperçu d’une action assimilée à un téléchargement, comme le choix d’une photo à intégrer dans un contenu. Pour cette seconde action, l’API prévoit un appel à links.download_location. Ce suivi renvoie du JSON contenant url : ce n’est pas l’adresse à utiliser directement comme source d’une image.

Interprétation et suite

Vérifiez que l’aperçu, la photo choisie et les crédits désignent la même ressource. Ne déclenchez pas le suivi de téléchargement pour chaque simple affichage. Ces obligations d’intégration concernent l’API Unsplash et doivent être distinguées de la licence standard présentée dans la fiche.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Pour comprendre l’identifiant subscriber_hash, travaillez hors ligne sur l’adresse fictive Reader@example.org. Passez-la en minuscules, puis calculez son empreinte MD5. Cette règle permet de retrouver la même ressource malgré la casse de l’adresse ; l’empreinte est un identifiant de contact, pas une authentification de l’appel API.

Vérification utile

Dans une simulation de synchronisation par PUT, distinguez status_if_new de status. Le premier définit le statut à la création ; le second sert à modifier celui d’un contact existant. Une mise à jour de nom ou de préférence ne doit pas réinscrire automatiquement un contact précédemment désabonné.

Interprétation et suite

Pour une audience configurée en double confirmation, le guide Mailchimp recommande pending pour un nouveau contact : subscribed contournerait l’e-mail de confirmation. Séparez donc création de la fiche et confirmation de l’inscription, puis contrôlez le statut retourné avant d’interpréter les effectifs de la newsletter.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Pour préparer une confirmation de commande fictive, associez un templateId aux variables du champ params. Vérifiez l’expéditeur, le destinataire, l’objet et le rendu final du modèle. La présence d’une variable dans la requête ne prouve pas qu’elle est correctement utilisée dans le texte ou dans les liens du message.

Vérification utile

L’exemple officiel du mode sandbox place X-Sib-Sandbox avec la valeur drop dans l’objet JSON headers. Brevo précise qu’aucun e-mail n’est envoyé et qu’aucun journal d’envoi n’est créé. Une réponse 201 avec messageId confirme alors seulement la validation de la requête, pas une livraison.

Interprétation et suite

Pour le suivi en exploitation, rapprochez le messageId de la réponse du champ message-id des événements webhook. Distinguez la demande acceptée, l’événement delivered et un éventuel rebond. Ces étapes permettent d’expliquer un statut au client sans assimiler une acceptation technique à une lecture de l’e-mail.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Exemple fictif : vous préparez une veille technique. Distinguez la date de publication, celle d’une mise à jour et la date de l’événement décrit. Ouvrez l’article original avant de conclure.

Vérification utile

Un titre ou un résumé de flux ne remplace pas les éléments cités dans l’article. Retrouvez la source primaire ; plusieurs reprises d’une même annonce ne sont pas des confirmations indépendantes.

Interprétation et suite

Choisissez le flux général, thématique ou réservé aux abonnés selon votre besoin. Leur périmètre diffère. Résumez avec vos mots et liez l’original ; la présence dans un flux RSS ne donne pas un droit général de republication.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Pour préparer une veille technique, partez d’une copie de réponse de topstories.json : elle contient des identifiants, pas les articles complets. Chaque identifiant conduit à une ressource item. Vérifiez son champ type, car la liste des principaux éléments peut aussi contenir des offres d’emploi, et pas seulement des liens vers des articles.

Vérification utile

Dans un exemple fictif avec kids: [101, 102] et descendants: 7, le premier champ donne deux identifiants de commentaires directs ; le second représente le total des commentaires du sujet. Compter les éléments de kids ne reconstitue donc pas le nombre total d’interventions dans les fils imbriqués.

Interprétation et suite

Les champs title et text peuvent contenir du HTML : prévoyez un affichage échappé ou un nettoyage adapté, plutôt qu’une insertion brute. Traitez aussi les marqueurs deleted et dead et l’absence de lien externe. Le score d’une discussion aide à repérer un sujet, mais ne vérifie pas les affirmations de sa source.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Exemple fictif : créer une liste filtrable en JavaScript, puis examiner les tests du laboratoire associé. Distinguez les consignes réalisées avec guidage et les décisions que vous pouvez expliquer et reproduire sans solution fournie.

Vérification utile

Modifiez une exigence, par exemple le comportement quand aucun élément ne correspond. Gardez votre version, les tests et l’explication de la correction. La réussite des tests connus ne garantit pas tous les usages possibles de l’interface.

Interprétation et suite

Vérifiez les conditions du parcours actuel avant d’annoncer une certification : le parcours JavaScript cité distingue projets et examen. Respectez aussi la politique d’intégrité, notamment les règles sur les solutions générées par IA ; ne présentez pas une aide extérieure comme votre propre travail.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Exemple fictif : apprendre à construire une page de lecture avec titres, liens et mise en page adaptable. Choisissez le module correspondant dans le Curriculum, puis réalisez une petite variation personnelle plutôt que de seulement relire la solution.

Vérification utile

MDN distingue les exercices centrés sur une compétence et les défis qui combinent plusieurs notions. Un exercice de sélection CSS et une page complète ne vérifient donc pas le même périmètre. Notez ce que vous avez réalisé seul et les aides utilisées.

Interprétation et suite

Conservez le fichier, le résultat attendu et une explication de vos choix. Reprenez le problème avec un contenu différent pour examiner le transfert. Le parcours vise des bases solides ; une page terminée ne démontre pas à elle seule une maîtrise professionnelle complète.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Exemple fictif : un formulaire envoie un événement à n8n et reçoit une réponse positive, mais aucune fiche n’apparaît dans l’outil client. L’accusé de réception ne permet pas de conclure que l’écriture a réussi.

Vérification utile

Contrôlez l’URL utilisée, la publication du workflow et l’exécution correspondante dans Executions. Comparez ensuite le résultat du nœud d’écriture avec l’état réellement enregistré dans le service cible.

Interprétation et suite

Si la réponse était immédiate, traitez-la comme une preuve de démarrage. Ne rejouez pas aveuglément l’événement : utilisez son identifiant et les règles de dédoublonnage avant toute reprise.

Exemple pédagogique : adaptez les fichiers, identifiants et conditions à une copie de test avant d’interpréter le résultat.

Exemple concret

Pour lire un résultat GitHub Actions, comparez deux réponses fictives : status: completed avec conclusion: failure, puis status: queued avec conclusion: null. La première exécution est terminée en échec ; la seconde attend encore son démarrage. Le seul statut « terminé » ne prouve donc pas la réussite des contrôles.

Vérification utile

Rapprochez le résultat de l’identifiant id, du commit head_sha attendu et du numéro de tentative run_attempt. Une ancienne exécution réussie sur la même branche ne valide pas automatiquement le dernier code. En cas de nouvelle tentative, conservez le lien entre le commit et le résultat consulté.

Interprétation et suite

Une conclusion success décrit les contrôles effectivement exécutés par le workflow. Vérifiez les tâches prévues et leurs journaux avant d’en déduire que le site fonctionne pour ses visiteurs. Gardez les identifiants nécessaires au suivi, sans copier de jeton ni de secret dans une fiche de recette.