Audit de toutpile.fr

Les images sont fortes et le ton est juste. Le site, lui, ne les porte pas encore : des mentions légales inachevées, un numéro de téléphone faux, une accessibilité à reprendre et un mobile qui paraît cassé.

Date
5 novembre 2026
Périmètre
11 pages, desktop et mobile
Méthode
Impeccable, axe-core, relecture design

Le brief contient un prompt prêt à l’emploi et les 19 problèmes avec leurs correctifs en code. Collez-le dans Claude ou ChatGPT pour corriger le site pas à pas. Le zip y ajoute les 10 prompts de correction étape par étape, les captures et les données brutes de l’audit.

Image : bandeau « Documentaires » de toutpile.fr

L’essentiel

19 problèmes relevés sur 11 pages. Trois sont à corriger cette semaine : ils touchent la conformité légale, le contact avec les clients et l’accessibilité de base.

  1. Les mentions légales sont publiées avec le texte du modèle

    « [forme juridique — ex. SASU, EURL…] », « [numéro à 14 chiffres] », « [ton nom] » sont visibles en ligne.

  2. Le lien téléphone appelle un mauvais numéro

    Le lien de la page Contact pointe vers +3376809529 : il manque le dernier chiffre de +33 7 68 09 52 97.

  3. Les vidéos se lancent seules, en boucle, sans bouton pause

    C’est contraire au critère WCAG 2.2.2, de niveau A. Cela concerne l’accueil et les quatre pages catégories.

Les notes

Santé technique, notée de 0 à 4 par dimension
DimensionNoteConstat principal
Accessibilité1/4Vidéos sans pause, focus invisible, 25 liens sans nom, titres désordonnés
Performance2/4Images chargées à la demande, mais servies en 1920 px pour un affichage en 300 px
Cohérence visuelle2/4Palette juste, mais couleurs codées en dur et troisième police sur mobile
Mobile2/4Grands blancs sur Réalisations, vidéo d’accueil trop petite, cibles tactiles de 19 px
Intégrité1/4Mentions légales inachevées, lien téléphone faux, page blog restée au gabarit Odoo par défaut
Total8/20Faible : les fondations sont à reprendre

Note design : 4 sur 10. Un critique indépendant, qui n’a vu que les captures, juge que les images tournées par l’équipe et la voix éditoriale sont de vrais atouts, mais que la mise en page reste un gabarit interchangeable. Lire la critique.

Les constats

Chaque constat indique où il se trouve, ce qu’il coûte aux visiteurs, la norme concernée et le correctif. Chaque fiche renvoie vers un prompt prêt à copier dans Claude ou ChatGPT.

P0 Bloquants à corriger tout de suite

P0 · Bloquant

Le lien téléphone appelle un mauvais numéro

Où
/contact, bandeau noir « TÉLÉPHONE »
Catégorie
Intégrité
Norme
WCAG 2.4.4 (lien vide)

Constat. Le code contient <a href="tel:+3376809529">&nbsp;<br/></a>. Le numéro du lien est tronqué d’un chiffre, le lien ne contient qu’une espace, et le numéro affiché à côté n’est pas cliquable.

Impact. Sur mobile, un prospect qui veut appeler ne peut pas toucher le numéro. S’il trouve le lien invisible, il compose un numéro qui n’est pas le vôtre.

Correctif. Un seul lien, dont le texte est le numéro visible : <a href="tel:+33768095297">+33 7 68 09 52 97</a>.

Prompt de correction : Prompt 02 · Lien téléphone, focus clavier, liens sans nom, ARIA

Bandeau noir de la page Contact avec trois colonnes : E-mail production@toutpile.fr, Téléphone +33 7 68 09 52 97, Ville Paris, France.
/contact. Le numéro est bien affiché, mais il n’est pas cliquable.
P0 · Bloquant

Vidéos en lecture automatique impossibles à arrêter

Où
Accueil (Vimeo, autoplay=1&controls=0&loop=1) et les quatre pages /blog/realisations-1/…
Catégorie
Accessibilité
Norme
WCAG 2.2.2 Pause, arrêt, masquage (A) · 4.1.2

Impact. Tout contenu animé de plus de 5 secondes doit pouvoir être mis en pause. Le mouvement continu gêne les personnes sujettes aux troubles de l’attention ou aux troubles vestibulaires. Le réglage « réduire les animations » du système n’a aucun effet sur une vidéo Vimeo intégrée.

Correctif.

  • Ajouter un bouton pause / lecture visible, piloté par l’API du lecteur Vimeo.
  • Sous prefers-reduced-motion: reduce, afficher une image fixe au lieu de lancer la vidéo.
  • Donner un title à chaque iframe : aujourd’hui, toutes ont title="".

Prompt de correction : Prompt 03 · Bouton pause sur les vidéos

P1 Majeurs avant la prochaine mise en avant du site

P1 · Majeur

Focus clavier invisible sur la navigation

Où
Toutes les pages, menu principal
Catégorie
Accessibilité
Norme
WCAG 2.4.7 Visibilité du focus (AA)

Constat. Le style de focus est outline: none avec une ombre rgba(21,23,22,.25), soit un gris presque noir posé sur fond noir. Le logo n’a que le contour bleu de 1 px du navigateur.

Impact. Une personne qui navigue au clavier ne voit pas où elle se trouve.

Correctif. Un style global :focus-visible { outline: 2px solid #F7F4EC; outline-offset: 3px }, avec une variante sauge foncé pour les fonds crème.

Prompt de correction : Prompt 02 · Lien téléphone, focus clavier, liens sans nom, ARIA

Menu de navigation agrandi après trois appuis sur Tab. Le lien Accueil a le focus, signalé seulement par un cadre gris très sombre presque invisible sur le fond noir.
Accueil, après trois appuis sur Tab. « Accueil » a le focus, mais on le devine à peine.
P1 · Majeur

25 liens et boutons sans nom accessible

Où
9 pages sur 11
Catégorie
Accessibilité
Norme
WCAG 2.4.4, 4.1.2 (A)
  • Icônes Facebook, Vimeo, LinkedIn et Instagram du pied de page : une icône seule, sans texte.
  • Logo du pied de page : image okoko.png avec alt="".
  • Quatre liens pleine surface de /realisations (a.slide-link), vides.
  • Vignettes « À voir aussi » et bouton « article suivant » des pages catégories.
  • Liens du sommaire des pages légales.

Impact. Un lecteur d’écran annonce « lien » ou « lien, www.toutpile.fr », sans dire où mène le lien.

Correctif. aria-label="Tout Pile sur Vimeo" sur les icônes, alt="Tout Pile Productions, accueil" sur le logo, aria-label="Voir les documentaires" sur les liens des bandeaux.

Prompt de correction : Prompt 02 · Lien téléphone, focus clavier, liens sans nom, ARIA

P1 · Majeur

Hiérarchie de titres cassée sur toutes les pages

Où
Les 11 pages (43 sauts de niveau détectés)
Catégorie
Accessibilité, référencement
Norme
WCAG 1.3.1 (A), 2.4.6
  • Accueil : deux H1, un H2 vide, et le copyright du pied de page en H2.
  • Savoir-faire : sept H1 dont un vide, puis « Nicolas Gay » en H4 et « RÉALISATEUR » en H5.
  • Contact : « E-MAIL », « TÉLÉPHONE » et « VILLE » balisés en H1.
  • Réalisations : chaque bandeau commence par un H3 (« Raconter. ») placé avant son H1.

Impact. Parcourir la page par ses titres, le raccourci le plus utilisé au lecteur d’écran, devient inutilisable. Les moteurs de recherche ne savent pas quel est le sujet de la page.

Correctif. Un seul H1 par page, puis des H2 et H3 dans l’ordre. Régler la taille du texte avec une classe CSS, pas en changeant le niveau de titre.

Prompt de correction : Prompt 05 · Hiérarchie des titres et typographie

P1 · Majeur

Texte posé sur la vidéo ou l’image sous le seuil de contraste

Où
/realisations (« Raconter. », « Éclairer. »…), /blog/…/evenementiel-6, titres de l’accueil
Catégorie
Accessibilité
Norme
WCAG 1.4.3 Contraste (AA)

Constat. Les surtitres en vert #5A7452 posés sur l’image mesurent entre 1,7:1 et 2,97:1, pour un minimum de 4,5:1. Sur l’accueil, les titres blancs n’ont qu’une ombre portée et se perdent dans les ciels clairs.

Correctif. Un dégradé sombre au bas de chaque bandeau, linear-gradient(to top, rgb(0 0 0 / .65), transparent 60%). Surtitres en crème ou en sauge clair #A9C59F.

Prompt de correction : Prompt 06 · Contrastes et couleurs

Bandeau Documentaires de la page Réalisations : le mot Raconter, écrit en vert foncé, se distingue mal du fond brun et flou de l’image.
/realisations, desktop. « Raconter. » en vert foncé sur l’image.
P1 · Majeur

Le vert sauge est trop sombre sur fond noir

Où
/contact (libellés « E-MAIL », « TÉLÉPHONE », « VILLE »), lien gris #525A56 sur l’accueil mobile
Catégorie
Accessibilité
Norme
WCAG 1.4.3 : 4,05:1 et 2,96:1 mesurés

Correctif. Utiliser une variante claire du sauge (#8FAE86, environ 6,8:1) sur les fonds noirs et garder #5A7452 pour les fonds crème.

Prompt de correction : Prompt 06 · Contrastes et couleurs

P1 · Majeur

Formulaire de contact : libellés trop petits

Où
/contact
Catégorie
Accessibilité, lisibilité
Norme
Taille minimale des textes d’interface, WCAG 1.4.3

Constat. Les libellés font 10,5 px en desktop et 9,6 px en mobile, en gris clair sur fond crème. Les champs n’ont ni bordure ni texte d’exemple : le libellé est le seul repère.

Ce qui est bien fait. Les libellés sont correctement associés à leurs champs, les attributs autocomplete sont justes, les champs obligatoires sont marqués et le type de projet se choisit en pastilles.

Correctif.

  • Libellés d’au moins 13 px, avec un contraste d’au moins 4,5:1.
  • Une phrase qui explique l’astérisque.
  • « Envoyer mon projet » au lieu de « Soumettre ».
  • Vérifier les messages d’erreur et de confirmation. Ils n’ont pas été testés, pour ne pas envoyer de vrai message.

Prompts de correction : Prompt 05 · Hiérarchie des titres et typographie et Prompt 08 · Textes, libellés et nom de marque

Formulaire de contact sur fond crème : libellés gris de petite taille au-dessus de champs soulignés, pastilles de type de projet, et bouton Soumettre précédé d’une pastille verte avec une flèche.
/contact, desktop.
P1 · Majeur

Page Réalisations sur mobile : un grand blanc entre chaque bandeau

Où
/realisations en 390 px
Catégorie
Mobile
Norme
Mise en page adaptative

Constat. Chaque section prend la hauteur d’un écran (767 px), mais l’image du carrousel qu’elle contient ne fait que 293 px. Il reste environ 475 px de blanc entre deux catégories.

Impact. C’est la page portfolio, celle qu’un prospect ouvre en premier. Sur téléphone, elle donne l’impression de ne pas avoir fini de charger.

Correctif. En mobile, ne plus forcer la hauteur plein écran de ces sections, ou donner à l’image la hauteur de sa section (min-height: 70svh, recadrage en cover).

Prompt de correction : Prompt 04 · Mobile : blancs, vidéo d’accueil, menu, cibles tactiles

Page Réalisations sur téléphone : un grand espace blanc occupe toute la moitié haute de l’écran, au-dessus du bandeau Communication scientifique.
/realisations sur iPhone (390 px), après un défilement.
P1 · Majeur

La vidéo d’accueil reste en 16:9, perdue dans le noir sur mobile

Où
Accueil en 390 px
Catégorie
Mobile
Norme
Mise en page adaptative

Constat. Le premier écran montre une bande vidéo étroite avec du noir au-dessus et en dessous. Les deux entrées « NOS RÉALISATIONS » et « NOTRE SAVOIR FAIRE », en gris, ne ressemblent pas à des liens.

Correctif. Vidéo plein écran (100svh, recadrage en cover) ou une version verticale propre au mobile. Entrées en blanc, avec une flèche ou un soulignement.

Prompt de correction : Prompt 04 · Mobile : blancs, vidéo d’accueil, menu, cibles tactiles

Accueil sur téléphone : une vidéo de montagne au coucher du soleil occupe une bande horizontale au milieu d’un écran noir, suivie de deux titres gris, Nos réalisations et Notre savoir faire.
Accueil sur iPhone (390 px), premier écran.

P2 Mineurs prochaine série de corrections

P2 · Mineur

La page /blog/realisations-1 est restée au gabarit Odoo par défaut

Où
https://www.toutpile.fr/blog/realisations-1, présente dans le sitemap
Catégorie
Intégrité

Constat.

  • Fond blanc, alors que le reste du site est noir ou crème.
  • Badge « Tout Pile » sur chaque vignette.
  • Extraits qui commencent par un « × » parasite.
  • Dates en 8,8 px.
  • Barre de recherche sans libellé, avec un texte d’exemple en anglais (« Search... »), et qui dépasse de la grille.

Correctif. Mettre cette page au style de /realisations, ou la retirer du sitemap et la rediriger (301) vers /realisations.

Prompt de correction : Prompt 10 · Page blog, descriptions de page et nettoyage

Page d’archive Réalisations sur fond blanc : quatre vignettes marquées Tout Pile, avec des titres de catégorie, des extraits commençant par une croix et des dates minuscules. Une barre de recherche crème dépasse à droite.
/blog/realisations-1, desktop.
P2 · Mineur

Libellés pour lecteurs d’écran en anglais sur un site français

Où
Toutes les pages
Catégorie
Accessibilité
Norme
WCAG 3.1.2

Constat. On trouve « Toggle navigation », « Logo of Tout Pile Productions », « Next slide », « Slide 1 of 5 ». Le menu mobile n’a pas de nom accessible.

Correctif. Traduire : « Ouvrir le menu », « Diapositive suivante », etc. Ajouter aria-label="Menu" sur le menu mobile.

Prompt de correction : Prompt 08 · Textes, libellés et nom de marque

P2 · Mineur

Attributs ARIA invalides sur les carrousels

Où
/blog/…/communication-scientifique-3, les quatre pages catégories, /realisations
Catégorie
Accessibilité
Norme
WCAG 4.1.2
  • aria-controls pointe vers un identifiant qui n’existe pas.
  • aria-label est placé sur une icône <i> qui n’a pas de rôle.
  • Plusieurs zones de carrousel portent le même rôle sans nom pour les distinguer.

Prompt de correction : Prompt 02 · Lien téléphone, focus clavier, liens sans nom, ARIA

P2 · Mineur

Cibles tactiles trop petites sur mobile

Où
Icônes sociales (19 × 19 px), points des carrousels (30 × 23 px), sommaire des pages légales (15 px de haut)
Catégorie
Mobile
Norme
WCAG 2.5.8 (AA)

Correctif. Une zone cliquable d’au moins 44 × 44 px (avec du padding), en gardant l’icône à sa taille.

Prompt de correction : Prompt 04 · Mobile : blancs, vidéo d’accueil, menu, cibles tactiles

P2 · Mineur

Images bien plus grandes que leur taille d’affichage

Où
Vignettes des pages catégories (1920 px affichées en 289 à 712 px), photos de l’équipe (1440 px pour 383 px)
Catégorie
Performance

Constat. Les fichiers s’appellent « Capture d’écran 2026-09-22 à 16… » : ce sont des captures d’écran des films, pas des images exportées.

Correctif. Exporter les images depuis le logiciel de montage, en WebP, au double de la taille affichée, avec des versions adaptées à chaque écran (srcset).

Prompt de correction : Prompt 09 · Images trop lourdes

P2 · Mineur

Descriptions de page manquantes ou mal remplies

Où
Pages légales et /blog/realisations-1 (description absente), /blog/…/communication-scientifique-3 (description qui commence par « Description : »)
Catégorie
Intégrité, référencement

Erreur 401 dans la console sur /blog/…/evenementiel-6.

Prompt de correction : Prompt 10 · Page blog, descriptions de page et nettoyage

P3 Finitions si le temps le permet

P3 · Finition

HTML encombré de balises <font> imbriquées

On compte 22 <font style="color:…"> et 22 <font> vides sur /realisations. C’est la trace de textes collés depuis une page traduite par le navigateur. Les couleurs sont figées dans le texte au lieu de suivre le thème, et chaque modification devient plus fragile.

Prompt de correction : Prompt 10 · Page blog, descriptions de page et nettoyage

P3 · Finition

Texte justifié sans césure sur mobile

Sur /savoir-faire en mobile, le paragraphe « Notre regard » ouvre de grands blancs entre les mots d’une colonne étroite. Aligner le texte à gauche, ou activer hyphens: auto.

Prompt de correction : Prompt 05 · Hiérarchie des titres et typographie

Critique design

Les images tournées par l’équipe sont bonnes et le positionnement est clair. Le site, lui, reste un template Odoo à moitié habillé.

Critique indépendante, faite à partir des seules captures. Note : 4/10.

Ce qui marche

  • Les images. Des plans documentaires humains, bien étalonnés. La mosaïque de la page Événementiel est le meilleur moment du site.
  • La voix. « Raconter. Éclairer. Témoigner. Célébrer. », le texte « Notre regard », le trio journaliste, réalisateur et producteur.
  • Le contact en desktop : sobre, aéré, des pastilles bien vues.

Ce qui sonne « gabarit »

  • Le même motif répété une dizaine de fois : titre en capitales, petit trait vert, paragraphe centré.
  • Une pastille « lecture » verte sur tous les boutons, même « Soumettre ». Elle promet une vidéo qui ne vient jamais.
  • Des accordéons « Lire la bio », des flèches « défiler » dans un rond gris, Poppins en texte courant.

  1. L’accueil ne dit rien

    On voit une vidéo, deux libellés gris qui ne ressemblent pas à des liens, un bouton, puis le pied de page. Il n’y a ni phrase de présentation, ni film, ni client.

    Correctif : une phrase de positionnement en titre principal, puis 4 à 6 films (vignette, titre, client, année), les logos des clients et enfin le bouton de contact. Prompt de correction : Prompt 07 · Repenser l’accueil et créer des pages films.

  2. Deux designs selon l’écran

    En mobile :

    • une troisième police (Barlow) apparaît ;
    • les pastilles deviennent des cases natives ;
    • les boutons arrondis deviennent des rectangles ;
    • les logos clients s’affichent sur environ 700 px de haut ;
    • l’ordre de l’équipe s’inverse.

    Correctif : un seul jeu de styles (deux polices, six tailles) utilisé sur tous les écrans. Prompt de correction : Prompt 04 · Mobile : blancs, vidéo d’accueil, menu, cibles tactiles.

  3. Deux pages « Réalisations », aucune page film

    /realisations et /blog/realisations-1 se doublonnent. Aucun film n’a sa page avec son générique : réalisation, image, son, client.

    Prompt de correction : Prompt 07 · Repenser l’accueil et créer des pages films.

  4. Nom et textes incohérents

    • « Tout Pile Prod. », « Tout Pile Productions » et « Tout Pile » coexistent.
    • « Savoir Faire » s’écrit sans trait d’union.
    • Les titres utilisent des apostrophes droites (LOIRE'S, PROT'AIR).
    • Le bouton du formulaire dit « Soumettre ».

    Prompt de correction : Prompt 08 · Textes, libellés et nom de marque.

  5. Le menu mobile coupe le logo

    Le tiroir laisse voir une bande de page à gauche et tronque le logo en « TO ». Il ne propose ni l’e-mail ni le téléphone, alors que c’est souvent ce qu’on cherche en premier sur mobile.

    Prompt de correction : Prompt 04 · Mobile : blancs, vidéo d’accueil, menu, cibles tactiles.

Menu mobile ouvert : quatre liens alignés à droite sur fond noir. À gauche, une bande de la vidéo reste visible et le logo est coupé, il n’en reste que les lettres TO.
Menu mobile ouvert : le logo est coupé en « TO ».
Page Savoir-faire sur téléphone : texte justifié avec de grands espaces entre les mots.
Savoir-faire en mobile : texte justifié.
Page Contact sur téléphone, premier écran.
Contact en mobile : la grammaire visuelle change.
  • Vous vendez des films, mais l’accueil n’en montre aucun. Que doit retenir un prospect en cinq secondes ?
  • Vos réalisateurs et chefs opérateurs sont-ils des auteurs crédités, ou un badge anonyme sur une vignette ?
  • La pastille « lecture » verte sur chaque bouton raconte-t-elle quelque chose, ou est-ce un réflexe de gabarit ?

Problèmes de fond

Causes communes

  • Le niveau de titre sert à choisir la taille. Dans l’éditeur Odoo, on choisit « Titre 1 » pour obtenir un gros texte. Cette seule habitude explique la plupart des problèmes de titres. Une correction dans le thème en règle l’essentiel.
  • Un seul vert pour deux fonds. Le sauge #5A7452 fonctionne sur le crème, pas sur le noir ni sur l’image. Il manque une version claire.
  • Des blocs Odoo laissés tels quels. Libellés en anglais, page blog sans style, icônes sans nom, focus pensé pour un thème clair.
  • Des vidéos à la place d’images, sans les réglages qui vont avec. Pas de bouton pause, pas de titre, pas d’image de remplacement.

Ce qui fonctionne déjà

  • Un lien « Se rendre au contenu », des repères de page corrects (en-tête, navigation, contenu, pied de page) et la langue déclarée en français.
  • Toutes les images sont chargées à la demande et rien ne déborde horizontalement à 390 px.
  • Un formulaire de contact bien construit : libellés associés aux champs, saisie automatique, type de projet en pastilles.
  • Des titres et descriptions de page soignés sur les pages principales.
  • Une connexion HTTPS sécurisée (HSTS activé).

Plan d’action

Un prompt par étape, à copier dans Claude ou ChatGPT : la version gratuite suffit, aucune extension n’est nécessaire. Chaque prompt est autonome. Il rappelle le contexte du site, liste les problèmes à corriger avec leurs détails, et demande à l’IA d’expliquer chaque manipulation dans Odoo pas à pas. Ouvrez le fichier, copiez tout son contenu et collez-le dans une nouvelle conversation.

  1. P0 Prompt 01 · Compléter les mentions légales et la politique de confidentialité

    Raison sociale, SIRET, siège, directeur de publication, durée de conservation : l’IA liste ce qui manque et rédige les deux pages.

  2. P0 Prompt 02 · Lien téléphone, focus clavier, liens sans nom, ARIA

    Corriger le lien téléphone, rendre le focus clavier visible, nommer les 25 liens vides, réparer les attributs ARIA.

  3. P0 Prompt 03 · Bouton pause sur les vidéos

    Ajouter un bouton pause sur les vidéos et ne pas les lancer quand l’utilisateur a demandé à réduire les animations.

  4. P1 Prompt 04 · Mobile : blancs, vidéo d’accueil, menu, cibles tactiles

    Supprimer les blancs de Réalisations en mobile, passer la vidéo d’accueil en plein écran, refaire le menu mobile, agrandir les cibles tactiles.

  5. P1 Prompt 05 · Hiérarchie des titres et typographie

    Un seul titre principal par page, supprimer Barlow, agrandir les libellés du formulaire.

  6. P1 Prompt 06 · Contrastes et couleurs

    Ajouter un sauge clair pour les fonds noirs et un dégradé sombre sous les textes posés sur l’image.

  7. P1 Prompt 07 · Repenser l’accueil et créer des pages films

    Repenser l’accueil (positionnement, films, clients) et créer des pages par film.

  8. P1 Prompt 08 · Textes, libellés et nom de marque

    Traduire les libellés en français, renommer le bouton « Envoyer mon projet », choisir un seul nom de marque.

  9. P2 Prompt 09 · Images trop lourdes

    Exporter les images au bon format et à la bonne taille.

  10. P2 Prompt 10 · Page blog, descriptions de page et nettoyage

    Traiter la page blog, les descriptions de page et nettoyer le HTML.

Le brief contient un prompt prêt à l’emploi et les 19 problèmes avec leurs correctifs en code. Collez-le dans Claude ou ChatGPT pour corriger le site pas à pas. Le zip y ajoute les 10 prompts de correction étape par étape, les captures et les données brutes de l’audit.

Pages capturées

Captures du premier écran en desktop (1440 px) et en mobile (390 px). Les liens ouvrent la page entière. Les vidéos apparaissent figées sur une seule image.

Méthode

  • Captures des 11 pages du sitemap, en desktop (1440 px) et en mobile (390 px, iPhone), dans un vrai navigateur Chrome piloté par Playwright.
  • axe-core sur chaque page : règles WCAG 2.0, 2.1 et 2.2, niveaux A et AA, plus les bonnes pratiques.
  • Relevés automatiques : titres, repères de page, images, vidéos, liens, cibles tactiles, typographie, couleurs, parcours au clavier.
  • Détecteur Impeccable sur 5 pages représentatives, en desktop et en mobile : 74 signalements, tous vérifiés sur les captures.
  • Critique design indépendante : un relecteur qui n’a vu que les captures, sans les résultats techniques.

Limites. Le site n’a été audité que tel qu’il s’affiche en ligne, sans son code source. Une capture ne montre qu’une image de chaque vidéo, et le contraste du texte posé sur une vidéo a été jugé à l’œil. Le formulaire n’a pas été envoyé, donc ses messages d’erreur et de confirmation ne sont pas évalués.