Comment ce site a été fait

audit-web.ai applique ce qu’il vend. Voici les étapes du projet, et ce que l’audit a trouvé, sans enjoliver.

Six étapes

  1. Étape 1 Le contrat de design, avant les pages

    Le DESIGN.md du site a été écrit avant la première page. Ce fichier décrit les couleurs, la typographie et les composants. Notre extension design-md-a11y y ajoute les réglages d’accessibilité : focus visible, taille des cibles, animations, espacement du texte, affichage sur petit écran. Le fichier est contrôlé par le linter de Google et par notre outil design-md-a11y-lint.

    Lire le DESIGN.md de ce site et son dernier contrôle

  2. Étape 2 Des pages conçues avec l’IA

    Un outil de conception par IA a produit les pages, à partir d’un cahier des charges et du DESIGN.md. Le site compte 13 gabarits, c’est-à-dire 13 modèles de pages.

  3. Étape 3 Une intégration contrôlée

    Un agent de code a intégré les pages dans le site. La construction échoue si un lien ou une image est introuvable, ou si un contenu reste à fournir. Les pages ont été publiées sur une préproduction protégée par mot de passe, pour la relecture.

  4. Étape 4 L’audit du cabinet

    Le 27 octobre 2026, un auditeur du cabinet a audité la préproduction selon le RGAA 4.1.2. L’échantillon comptait 13 pages, un exemplaire de chaque gabarit.

  5. Étape 5 Les corrections demandées

    L’audit a demandé cinq sortes de corrections :

    • des passages en gras jouaient le rôle de titres sans en être : ils sont devenus de vrais titres ;
    • les légendes des extraits de code sont devenues des titres ;
    • un texte était placé, dans le code, avant le titre qu’il annonçait : il a été déplacé après lui, sans changer l’affichage ;
    • les boutons dépliants et les zones de navigation ont reçu leur rôle ARIA, selon la lecture du RGAA 4.1.2 retenue par le cabinet ;
    • des mots anglais n’indiquaient pas leur langue : elle est maintenant déclarée, pour que les lecteurs d’écran les prononcent correctement.

    Toutes ont été corrigées sur la préproduction, puis contre-vérifiées par l’auditeur. Pour les zones de navigation, le RAWeb 1.1 n’exige plus ce rôle : c’est l’un des écarts entre les deux référentiels.

  6. Étape 6 La mise en ligne, avec la déclaration

    Résultat : 100 % des critères applicables respectés au RGAA 4.1.2, soit 55 critères conformes, aucun non conforme et 51 non applicables. Le site a été mis en ligne le 27 octobre 2026, avec sa déclaration d’accessibilité.

    Lire la déclaration d’accessibilité

Ce que nous en retenons

L’outillage réduit les défauts, et l’audit trouve le reste. C’est pourquoi la décision de conformité reste humaine.

Depuis, chaque évolution du site suit le même chemin : maquette, intégration, préproduction, contre-vérification par le cabinet, puis mise en ligne. La refonte des offres du 31 octobre 2026 l’a suivi.

Le même chemin pour votre site

Pour un site statique, la formule Clé en main des Gabarits accessibles suit ces étapes, jusqu’à la mise en ligne avec la déclaration.

Voir l’offre Gabarits accessiblesNous écrire