Audit réalisé le 24 octobre 2026 par Lorem Ipsum Réunion, éditeur du site, selon le référentiel RGAA version 4.1.2, sur 19 pages. Résultat : 100 % des critères applicables respectés.
Cette page présente la grille complète. Elle est aussi proposée en téléchargement :
- Grille d’audit RGAA de loremipsum.re (PDF, 736 ko)
- Grille d’audit RGAA de loremipsum.re (tableur Excel, 32 ko)
Synthèse
| Indicateur | Valeur |
|---|---|
| Critères conformes | 68 |
| Critères non conformes | 0 |
| Critères non applicables | 37 |
| Critères en cours de vérification | 1 |
| Taux de conformité global | 100 % |
| Taux de conformité moyen | 100 % |
Taux global : critères conformes divisés par les critères conformes et non conformes. Un critère est conforme s’il l’est sur toutes les pages où il s’applique. Les critères en cours de vérification ne sont pas comptés.
Résultats par page
| Page | Conformes | Non conformes | Non applicables | En vérification | Taux |
|---|---|---|---|---|---|
| P01 Accueil | 47 | 0 | 58 | 1 | 100 % |
| P02 Contact | 47 | 0 | 58 | 1 | 100 % |
| P03 Mentions légales | 47 | 0 | 58 | 1 | 100 % |
| P04 Accessibilité | 47 | 0 | 58 | 1 | 100 % |
| P05 Plan du site | 48 | 0 | 57 | 1 | 100 % |
| P06 Tarifs | 62 | 0 | 43 | 1 | 100 % |
| P07 Estimateur de site | 60 | 0 | 45 | 1 | 100 % |
| P08 Création de site internet | 49 | 0 | 56 | 1 | 100 % |
| P09 Réalisations | 47 | 0 | 58 | 1 | 100 % |
| P10 Fiche réalisation | 49 | 0 | 56 | 1 | 100 % |
| P11 Blog | 59 | 0 | 46 | 1 | 100 % |
| P12 Article | 51 | 0 | 54 | 1 | 100 % |
| P13 Rendez-vous | 59 | 0 | 46 | 1 | 100 % |
| P14 Conditions générales de vente | 51 | 0 | 54 | 1 | 100 % |
| P15 Kap NumérikL’aide de la Région Réunion qui finance jusqu’à 80 % des projets numériques des entreprises de moins de 20 salariés. Voir le lexique | 49 | 0 | 56 | 1 | 100 % |
| P16 Lexique | 47 | 0 | 58 | 1 | 100 % |
| P17 Politique de confidentialité | 49 | 0 | 56 | 1 | 100 % |
| P18 Page introuvable | 47 | 0 | 58 | 1 | 100 % |
| P19 Résultats de recherche | 47 | 0 | 58 | 1 | 100 % |
Résultats par critère
Images
| Critère | Intitulé | Niveau | Résultat | Constat |
|---|---|---|---|---|
| 1.1 | Chaque image porteuse d’information a-t-elle une alternative textuelle ? | A | Conforme | Images porteuses d’information avec alternative : logos clients (nom du client), captures de sites (nom du site), photo de Nathan. Infographies en SVG masquées (aria-hidden) : leur information est dans le texte qui les accompagne. Relevé : 0 image sans attribut alt. |
| 1.2 | Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ? | A | Conforme | Images décoratives ignorées : alt="" sans title, pictogrammes et infographies SVG dans des conteneurs aria-hidden="true", vignettes d’articles en lien doublon aria-hidden. |
| 1.3 | Pour chaque image porteuse d’information ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ? | A | Conforme | Alternatives pertinentes sur l’échantillon : nom du client, nom du site présenté, « Boutique en ligne de Lorem Ipsum Réunion » (corrigé pendant l’audit, article Agence). |
| 1.4 | Pour chaque image utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle, cette alternative permet-elle d’identifier la nature et la fonction de l’image ? | A | Non applicable | Pas d’image CAPTCHA : la vérification anti-robot (Turnstile) est un widget sans image à déchiffrer. |
| 1.5 | Pour chaque image utilisée comme CAPTCHA, une solution d’accès alternatif au contenu ou à la fonction du CAPTCHA est-elle présente ? | A | Non applicable | Pas d’image CAPTCHA. Alternative aux formulaires : e-mail et téléphone sur la page Contact. |
| 1.6 | Chaque image porteuse d’information a-t-elle, si nécessaire, une description détaillée ? | A | Non applicable | Aucune image complexe : chaque infographie reprend des données écrites à côté. |
| 1.7 | Pour chaque image porteuse d’information ayant une description détaillée, cette description est-elle pertinente ? | A | Non applicable | Sans objet (pas de description détaillée). |
| 1.8 | Chaque image texte porteuse d’information, en l’absence d’un mécanisme de remplacement, doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée (hors cas particuliers) ? | AA | Non applicable | Pas d’image texte : les logos et captures de sites sont des cas particuliers, les chiffres des infographies sont du texte SVG. |
| 1.9 | Chaque légende d’image est-elle, si nécessaire, correctement reliée à l’image correspondante ? | A | Conforme | Images légendées (bloc Image avec légende) : la figure porte un aria-label égal à la légende (corrigé pendant l’audit, filtre de l’ExtensionUn module ajouté à WordPress pour une fonction précise, comme un formulaire ou une boutique. Voir le lexique). Pas de légende d’image sur les autres pages. |
Cadres
| Critère | Intitulé | Niveau | Résultat | Constat |
|---|---|---|---|---|
| 2.1 | Chaque cadre a-t-il un titre de cadre ? | A | Non applicable | Aucun cadre (iframe) sur l’échantillon. Hors échantillon : un article avec une vidéo YouTube, cadre titré par WordPressLe logiciel qui sert à créer et à modifier votre site. Vous y changez vos textes et vos images sans coder. Voir le lexique. |
| 2.2 | Pour chaque cadre ayant un titre de cadre, ce titre de cadre est-il pertinent ? | A | Non applicable | Sans objet. |
Couleurs
| Critère | Intitulé | Niveau | Résultat | Constat |
|---|---|---|---|---|
| 3.1 | Dans chaque page web, l’information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ? | A | Conforme | Information jamais donnée par la seule couleur : page en cours (aria-current), statut joignable/fermé en texte, erreurs de saisie en texte sous le champ, choix du calculateur en texte et état coché, remises précédées du signe −. |
| 3.2 | Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ? | AA | Conforme | Contrastes relevés (axe-core, 19 pages, bureau et mobile) : aucun défaut. Texte 16:1, texte secondaire 8,4:1, liens 6,5:1, boutons violets 6:1. |
| 3.3 | Dans chaque page web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées (hors cas particuliers) ? | AA | Conforme | Composants : contour de focus 3 px violet clair 6,5:1 ; bordures des champs passées de 1,3:1 à 3,8:1 (corrigé pendant l’audit) ; boutons identifiés par leur texte. |
Multimédia
| Critère | Intitulé | Niveau | Résultat | Constat |
|---|---|---|---|---|
| 4.1 | Chaque média temporel pré-enregistré a-t-il, si nécessaire, une transcription textuelle ou une audiodescription (hors cas particuliers) ? | A | Non applicable | Aucun média temporel sur l’échantillon. |
| 4.2 | Pour chaque média temporel pré-enregistré ayant une transcription textuelle ou une audiodescription synchronisée, celles-ci sont-elles pertinentes (hors cas particuliers) ? | A | Non applicable | Sans objet. |
| 4.3 | Chaque média temporel synchronisé pré-enregistré a-t-il, si nécessaire, des sous-titres synchronisés (hors cas particuliers) ? | A | Non applicable | Sans objet. |
| 4.4 | Pour chaque média temporel synchronisé pré-enregistré ayant des sous-titres synchronisés, ces sous-titres sont-ils pertinents ? | A | Non applicable | Sans objet. |
| 4.5 | Chaque média temporel pré-enregistré a-t-il, si nécessaire, une audiodescription synchronisée (hors cas particuliers) ? | AA | Non applicable | Sans objet. |
| 4.6 | Pour chaque média temporel pré-enregistré ayant une audiodescription synchronisée, celle-ci est-elle pertinente ? | AA | Non applicable | Sans objet. |
| 4.7 | Chaque média temporel est-il clairement identifiable (hors cas particuliers) ? | A | Non applicable | Sans objet. |
| 4.8 | Chaque média non temporel a-t-il, si nécessaire, une alternative (hors cas particuliers) ? | A | Non applicable | Aucun média non temporel. |
| 4.9 | Pour chaque média non temporel ayant une alternative, cette alternative est-elle pertinente ? | A | Non applicable | Sans objet. |
| 4.10 | Chaque son déclenché automatiquement est-il contrôlable par l’utilisateur ? | A | Non applicable | Aucun son automatique. L’estimateur joue de courts sons après une action, coupés par le bouton « Sons » (aria-pressed). |
| 4.11 | La consultation de chaque média temporel est-elle, si nécessaire, contrôlable par le clavier et tout dispositif de pointage ? | A | Non applicable | Sans objet. |
| 4.12 | La consultation de chaque média non temporel est-elle contrôlable par le clavier et tout dispositif de pointage ? | A | Non applicable | Sans objet. |
| 4.13 | Chaque média temporel et non temporel est-il compatible avec les technologies d’assistance (hors cas particuliers) ? | A | Non applicable | Sans objet. |
Tableaux
| Critère | Intitulé | Niveau | Résultat | Constat |
|---|---|---|---|---|
| 5.1 | Chaque tableau de données complexe a-t-il un résumé ? | A | Non applicable | Aucun tableau complexe : tableaux simples à une ligne d’en-tête. |
| 5.2 | Pour chaque tableau de données complexe ayant un résumé, celui-ci est-il pertinent ? | A | Non applicable | Sans objet. |
| 5.3 | Pour chaque tableau de mise en forme, le contenu linéarisé reste-t-il compréhensible ? | A | Non applicable | Aucun tableau de mise en forme. |
| 5.4 | Pour chaque tableau de données ayant un titre, le titre est-il correctement associé au tableau de données ? | A | Non applicable | Les tableaux n’ont pas de titre propre : ils sont introduits par le texte qui précède. |
| 5.5 | Pour chaque tableau de données ayant un titre, celui-ci est-il pertinent ? | A | Non applicable | Sans objet. |
| 5.6 | Pour chaque tableau de données, chaque en-tête de colonne et chaque en-tête de ligne sont-ils correctement déclarés ? | A | Conforme | En-têtes de colonne th scope="col", en-têtes de ligne th scope="row", cellule d’angle vide en td (corrigé pendant l’audit, filtre de l’extension sur les contenus). |
| 5.7 | Pour chaque tableau de données, la technique appropriée permettant d’associer chaque cellule avec ses en-têtes est-elle utilisée (hors cas particuliers) ? | A | Conforme | Tableaux simples : th avec scope suffit. |
| 5.8 | Chaque tableau de mise en forme ne doit pas utiliser d’éléments propres aux tableaux de données. Cette règle est-elle respectée ? | A | Non applicable | Aucun tableau de mise en forme. |
Liens
| Critère | Intitulé | Niveau | Résultat | Constat |
|---|---|---|---|---|
| 6.1 | Chaque lien est-il explicite (hors cas particuliers) ? | A | Conforme | Liens explicites par leur texte ou leur contexte (carte d’article, fiche réalisation). Liens externes complétés par « (site externe, nouvel onglet) ». Boutons du calculateur nommés. |
| 6.2 | Dans chaque page web, chaque lien a-t-il un intitulé ? | A | Conforme | Relevé : 0 lien sans intitulé. Les vignettes d’articles en lien sont des doublons du titre, masqués (aria-hidden, tabindex="-1"). |
Scripts
| Critère | Intitulé | Niveau | Résultat | Constat |
|---|---|---|---|---|
| 7.1 | Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance ? | A | En cours de vérification | Composants vérifiés dans le code : menu Services avec aria-expanded, menu mobile en details et summary, bannière cookies en région nommée, fenêtres dialog nommées par aria-labelledby, bascules aria-pressed, popovers du lexique en role note, messages de statut en role status. Leur lecture par NVDA et VoiceOver reste à confirmer avant de passer le critère à conforme. |
| 7.2 | Pour chaque script ayant une alternative, cette alternative est-elle pertinente ? | A | Non applicable | Aucun script avec alternative. |
| 7.3 | Chaque script est-il contrôlable par le clavier et par tout dispositif de pointage (hors cas particuliers) ? | A | Conforme | Tout testé au clavier : menus, fenêtres (Échap ferme, le focus revient au bouton), bannière cookies, calculateur, estimateur (Entrée, Tab, raccourcis 1 à 9), popovers, lien externe avec confirmation. Raccourcis de l’estimateur limités au questionnaire (corrigé pendant l’audit). |
| 7.4 | Pour chaque script qui initie un changement de contexte, l’utilisateur est-il averti ou en a-t-il le contrôle ? | A | Conforme | Aucun changement de contexte sans action : les liens externes s’ouvrent après confirmation dans une fenêtre, les écrans de l’estimateur changent au choix de l’utilisateur avec déplacement du focus sur le titre. |
| 7.5 | Dans chaque page web, les messages de statut sont-ils correctement restitués par les technologies d’assistance ? | AA | Conforme | Messages de statut en role="status" : envoi du devis, inscription à la newsletter, confirmation du rendez-vous, compteur de l’estimateur (aria-live="polite"). |
Éléments obligatoires
| Critère | Intitulé | Niveau | Résultat | Constat |
|---|---|---|---|---|
| 8.1 | Chaque page web est-elle définie par un type de document ? | A | Conforme | Doctype HTML5. |
| 8.2 | Pour chaque page web, le code source généré est-il valide selon le type de document spécifié ? | A | Conforme | Validateur du W3C sur les 19 pages : 0 erreur HTML après corrections (balise </p> orpheline du pied de page, id en double sur la page Tarifs et dans un article, attribut pathLength, bouton dans un label et aria-hidden sur un label dans l’estimateur, script hors du document). Restent des alertes CSS (container-type) : propriété valide non reconnue par le validateur, hors critère. |
| 8.3 | Dans chaque page web, la langue par défaut est-elle présente ? | A | Conforme | lang="fr-FR" (site) et lang="fr" (estimateur). |
| 8.4 | Pour chaque page web ayant une langue par défaut, le code de langue est-il pertinent ? | A | Conforme | Code de langue pertinent. |
| 8.5 | Chaque page web a-t-elle un titre de page ? | A | Conforme | Titre de page présent sur les 19 pages. |
| 8.6 | Pour chaque page web ayant un titre de page, ce titre est-il pertinent ? | A | Conforme | Titres pertinents : « Nom de la page | Lorem Ipsum Réunion », « Page non trouvée », « Résultats de recherche pour « wordpress » ». |
| 8.7 | Dans chaque page web, chaque changement de langue est-il indiqué dans le code source (hors cas particuliers) ? | AA | Non applicable | Pas de passage en langue étrangère : noms propres et mots d’usage courant (WordPress, Google AdsLes annonces payantes affichées en haut des résultats de Google. Vous payez à chaque clic. Voir le lexique, SEO, newsletter). |
| 8.8 | Dans chaque page web, le code de langue de chaque changement de langue est-il valide et pertinent ? | AA | Non applicable | Sans objet. |
| 8.9 | Dans chaque page web, les balises ne doivent pas être utilisées uniquement à des fins de présentation. Cette règle est-elle respectée ? | A | Conforme | Relevé : aucune balise de présentation (b, i, u, center, font). Les <b> de l’aperçu de l’estimateur remplacés par des span (corrigé pendant l’audit). |
| 8.10 | Dans chaque page web, les changements du sens de lecture sont-ils signalés ? | A | Non applicable | Pas de changement de sens de lecture. |
Structuration de l’information
| Critère | Intitulé | Niveau | Résultat | Constat |
|---|---|---|---|---|
| 9.1 | Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres ? | A | Conforme | Un seul h1 par page, aucun saut de niveau (relevé sur les 19 pages). |
| 9.2 | Dans chaque page web, la structure du document est-elle cohérente (hors cas particuliers) ? | A | Conforme | Structure : header, nav nommées (« Menu principal », « Services », « Menu mobile », « Pagination », « Sommaire de l’article », « Navigation du questionnaire »), main unique, footer. |
| 9.3 | Dans chaque page web, chaque liste est-elle correctement structurée ? | A | Conforme | Listes balisées ul, ol, dl (axe-core : aucun li hors liste). |
| 9.4 | Dans chaque page web, chaque citation est-elle correctement indiquée ? | A | Conforme | Citations en <blockquote> dans l’article. Aucune citation sur les autres pages. |
Présentation de l’information
| Critère | Intitulé | Niveau | Résultat | Constat |
|---|---|---|---|---|
| 10.1 | Dans le site web, des feuilles de styles sont-elles utilisées pour contrôler la présentation de l’information ? | A | Conforme | Présentation par feuilles de styles (thème en blocs). |
| 10.2 | Dans chaque page web, le contenu visible porteur d’information reste-t-il présent lorsque les feuilles de styles sont désactivées ? | A | Conforme | Contenu présent sans CSS : textes et pictogrammes en SVG dans le HTML, aucune information en image de fond. |
| 10.3 | Dans chaque page web, l’information reste-t-elle compréhensible lorsque les feuilles de styles sont désactivées ? | A | Conforme | Compréhensible sans CSS : ordre du code identique à l’ordre de lecture (ordre de tabulation vérifié). |
| 10.4 | Dans chaque page web, le texte reste-t-il lisible lorsque la taille des caractères est augmentée jusqu’à 200 %, au moins (hors cas particuliers) ? | AA | Conforme | Lisible à 200 % (fenêtre de 640 px) : aucun débordement sur les 19 pages. |
| 10.5 | Dans chaque page web, les déclarations CSS de couleurs de fond d’élément et de police sont-elles correctement utilisées ? | AA | Conforme | Couleurs de texte et de fond déclarées ensemble (palette du thème). |
| 10.6 | Dans chaque page web, chaque lien dont la nature n’est pas évidente est-il visible par rapport au texte environnant ? | A | Conforme | Liens dans le texte soulignés ; liens de menus, de cartes et de pied de page : nature évidente par leur place. |
| 10.7 | Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ? | A | Conforme | Focus visible partout : contour de 3 px violet clair avec décalage, halo sur les champs. Champs de l’estimateur : contour ajouté (corrigé pendant l’audit). |
| 10.8 | Pour chaque page web, les contenus cachés ont-ils vocation à être ignorés par les technologies d’assistance ? | A | Conforme | Contenus cachés (hidden, aria-hidden, fenêtres fermées) destinés à être ignorés. Aucun élément focalisable caché (relevé du focus hors écran : 0). |
| 10.9 | Dans chaque page web, l’information ne doit pas être donnée uniquement par la forme, taille ou position. Cette règle est-elle respectée ? | A | Conforme | Aucune information donnée par la seule forme, taille ou position. |
| 10.10 | Dans chaque page web, l’information ne doit pas être donnée par la forme, taille ou position uniquement. Cette règle est-elle implémentée de façon pertinente ? | A | Conforme | Idem 10.9. |
| 10.11 | Pour chaque page web, les contenus peuvent-ils être présentés sans perte d’information ou de fonctionnalité et sans avoir recours soit à un défilement vertical pour une fenêtre ayant une hauteur de 256 px, soit à un défilement horizontal pour une fenêtre ayant une largeur de 320 px (hors cas particuliers) ? | AA | Conforme | Affichage à 320 px sans défilement horizontal sur les 19 pages. |
| 10.12 | Dans chaque page web, les propriétés d’espacement du texte peuvent-elles être redéfinies par l’utilisateur sans perte de contenu ou de fonctionnalité (hors cas particuliers) ? | AA | Conforme | Espacement du texte agrandi (interligne 1,5, lettres 0,12 em, mots 0,16 em, paragraphes 2 em) : aucun contenu coupé ni perdu. |
| 10.13 | Dans chaque page web, les contenus additionnels apparaissant à la prise de focus ou au survol d’un composant d’interface sont-ils contrôlables par l’utilisateur (hors cas particuliers) ? | AA | Conforme | Contenus additionnels : sous-menu Services fermé par Échap et survolable ; popovers du lexique fermés par Échap ; fenêtres fermées par Échap. |
| 10.14 | Dans chaque page web, les contenus additionnels apparaissant via les styles CSS uniquement peuvent-ils être rendus visibles au clavier et par tout dispositif de pointage ? | A | Conforme | Contenus révélés au survol aussi révélés au focus (sous-menu, résumé des cartes). |
Formulaires
| Critère | Intitulé | Niveau | Résultat | Constat |
|---|---|---|---|---|
| 11.1 | Chaque champ de formulaire a-t-il une étiquette ? | A | Conforme | Chaque champ a une étiquette (label for, ou aria-label pour la bascule). Relevé : 0 champ sans étiquette. |
| 11.2 | Chaque étiquette associée à un champ de formulaire est-elle pertinente (hors cas particuliers) ? | A | Conforme | Étiquettes pertinentes : « Prénom et nom », « E-mail », « Entreprise (facultatif) », « Articles de blog », « Gestion Google Ads ». |
| 11.3 | Dans chaque formulaire, chaque étiquette associée à un champ de formulaire ayant la même fonction et répétée plusieurs fois dans une même page ou dans un ensemble de pages est-elle cohérente ? | AA | Conforme | Étiquettes identiques d’un formulaire à l’autre (« E-mail », « Prénom et nom », « Téléphone »). |
| 11.4 | Dans chaque formulaire, chaque étiquette de champ et son champ associé sont-ils accolés (hors cas particuliers) ? | A | Conforme | Étiquettes accolées au-dessus des champs. |
| 11.5 | Dans chaque formulaire, les champs de même nature sont-ils regroupés, si nécessaire ? | A | Conforme | Choix de même nature regroupés : fieldset pour les bascules du calculateur, les jours, les heures et le mode du rendez-vous. |
| 11.6 | Dans chaque formulaire, chaque regroupement de champs de même nature a-t-il une légende ? | A | Conforme | Légendes : « 1. La création », « Choisir la durée d’EngagementLa durée minimale du forfait mensuel, 12 ou 24 mois. Le forfait reste dû jusqu’à son terme. Voir le lexique », « 1. Choisissez un jour », « 2. Choisissez une heure ». |
| 11.7 | Dans chaque formulaire, chaque légende associée à un regroupement de champs de même nature est-elle pertinente ? | A | Conforme | Légendes pertinentes. |
| 11.8 | Dans chaque formulaire, les items de même nature d’une liste de choix sont-ils regroupés de manière pertinente ? | A | Non applicable | Aucune liste de choix (select) à regrouper. |
| 11.9 | Dans chaque formulaire, l’intitulé de chaque bouton est-il pertinent (hors cas particuliers) ? | A | Conforme | Boutons pertinents : « Recevoir mon devis », « Commander ce site », « Recevoir les guides », « Commencer », « Continuer ». |
| 11.10 | Dans chaque formulaire, le contrôle de saisie est-il utilisé de manière pertinente (hors cas particuliers) ? | A | Conforme | Champs obligatoires : attribut required et mention « Tous les champs sont obligatoires » ou « facultatif » sur les autres (mentions ajoutées pendant l’audit). Erreurs sous le champ, aria-invalid, message relié par aria-describedby, focus sur le premier champ en erreur. |
| 11.11 | Dans chaque formulaire, le contrôle de saisie est-il accompagné, si nécessaire, de suggestions facilitant la correction des erreurs de saisie ? | AA | Conforme | Suggestions dans les messages : « Adresse e-mail incomplète. Exemple : nom@entreprise.re ». |
| 11.12 | Pour chaque formulaire qui modifie ou supprime des données, ou qui transmet des réponses à un test ou à un examen, ou dont la validation a des conséquences financières ou juridiques, les données saisies peuvent-elles être modifiées, Mises à jourLes nouvelles versions de WordPress et des extensions. Elles corrigent des failles de sécurité. Voir le lexique ou récupérées par l’utilisateur ? | AA | Conforme | Commande : récapitulatif des montants dans la fenêtre, champs modifiables avant l’envoi, case d’acceptation des CGV, confirmation par e-mail. Aucun paiement en ligne. |
| 11.13 | La finalité d’un champ de saisie peut-elle être déduite pour faciliter le remplissage automatique des champs avec les données de l’utilisateur ? | AA | Conforme | autocomplete : name, email, tel, organization, given-name. |
Navigation
| Critère | Intitulé | Niveau | Résultat | Constat |
|---|---|---|---|---|
| 12.1 | Chaque ensemble de pages dispose-t-il de deux systèmes de navigation différents, au moins (hors cas particuliers) ? | AA | Conforme | Trois systèmes de navigation : menu principal, plan du site, sommaire des articles. |
| 12.2 | Dans chaque ensemble de pages, le menu et les barres de navigation sont-ils toujours à la même place (hors cas particuliers) ? | AA | Conforme | Menu et pied de page au même endroit sur toutes les pages. |
| 12.3 | La page « plan du site » est-elle pertinente ? | AA | Conforme | Plan du site représentatif : pages, services, réalisations, articles (77 liens vérifiés). |
| 12.4 | Dans chaque ensemble de pages, la page « plan du site » est-elle accessible à partir d’une fonctionnalité identique ? | AA | Conforme | Lien « Plan du site » dans le pied de page de toutes les pages. |
| 12.5 | Dans chaque ensemble de pages, le moteur de recherche est-il atteignable de manière identique ? | AA | Non applicable | Pas de moteur de recherche proposé dans les pages (la page de résultats existe pour les liens directs). |
| 12.6 | Les zones de regroupement de contenus présentes dans plusieurs pages web (zones d’en-tête, de navigation principale, de contenu principal, de pied de page et de moteur de recherche) peuvent-elles être atteintes ou évitées ? | A | Conforme | Zones d’en-tête, de navigation, de contenu et de pied de page identifiées (header, nav, main, footer). |
| 12.7 | Dans chaque page web, un lien d’évitement ou d’accès rapide à la zone de contenu principal est-il présent (hors cas particuliers) ? | A | Conforme | Lien d’évitement « Aller au contenu » en tête de page (WordPress), ajouté à l’estimateur pendant l’audit. |
| 12.8 | Dans chaque page web, l’ordre de tabulation est-il cohérent ? | A | Conforme | Ordre de tabulation cohérent (25 premières tabulations relevées sur chaque page). |
| 12.9 | Dans chaque page web, la navigation ne doit pas contenir de piège au clavier. Cette règle est-elle respectée ? | A | Conforme | Aucun piège au clavier : fenêtres et menus quittés par Échap, focus rendu à l’élément d’origine. |
| 12.10 | Dans chaque page web, les raccourcis clavier n’utilisant qu’une seule touche (lettre minuscule ou majuscule, ponctuation, chiffre ou symbole) sont-ils contrôlables par l’utilisateur ? | A | Conforme | Estimateur : raccourcis 1 à 9, Entrée et flèche gauche actifs seulement quand le focus est dans le questionnaire (corrigé pendant l’audit). Aucun raccourci ailleurs. |
| 12.11 | Dans chaque page web, les contenus additionnels apparaissant au survol, à la prise de focus ou à l’activation d’un composant d’interface sont-ils si nécessaire atteignables au clavier ? | A | Conforme | Sous-menu, popovers, fenêtres et bannière atteignables au clavier. |
Consultation
| Critère | Intitulé | Niveau | Résultat | Constat |
|---|---|---|---|---|
| 13.1 | Pour chaque page web, l’utilisateur a-t-il le contrôle de chaque limite de temps modifiant le contenu (hors cas particuliers) ? | A | Non applicable | Aucune limite de temps ni rafraîchissement automatique. |
| 13.2 | Dans chaque page web, l’ouverture d’une nouvelle fenêtre ne doit pas être déclenchée sans action de l’utilisateur. Cette règle est-elle respectée ? | A | Conforme | Nouvelles fenêtres seulement après action et annoncées : « (site externe, nouvel onglet) », « (nouvelle fenêtre) » pour les CGV depuis les formulaires (ajouté pendant l’audit). |
| 13.3 | Dans chaque page web, chaque document bureautique en téléchargement possède-t-il, si nécessaire, une version accessible (hors cas particuliers) ? | A | Conforme | Documents : CGV en PDF balisé (titre, langue fr, structure), avec la même page en HTML. PDF du drapeau (article hors échantillon) : fichier vectoriel décrit dans l’article. |
| 13.4 | Pour chaque document bureautique ayant une version accessible, cette version offre-t-elle la même information ? | A | Conforme | Version HTML des CGV identique au PDF, généré depuis elle. |
| 13.5 | Dans chaque page web, chaque contenu cryptique (art ASCII, émoticône, syntaxe cryptique) a-t-il une alternative ? | A | Non applicable | Aucun contenu cryptique. |
| 13.6 | Dans chaque page web, pour chaque contenu cryptique (art ASCII, émoticône, syntaxe cryptique) ayant une alternative, cette alternative est-elle pertinente ? | A | Non applicable | Sans objet. |
| 13.7 | Dans chaque page web, les changements brusques de luminosité ou les effets de flash sont-ils correctement utilisés ? | A | Conforme | Aucun flash ni changement brusque de luminosité. |
| 13.8 | Dans chaque page web, chaque contenu en mouvement ou clignotant est-il contrôlable par l’utilisateur ? | A | Conforme | Contenu en mouvement : défilé des logos clients (accueil), arrêté par le bouton « Arrêter le défilement » et par le réglage « réduire les animations » (ajouté pendant l’audit). Autres animations de moins d’une seconde. |
| 13.9 | Dans chaque page web, le contenu proposé est-il consultable quelle que soit l’orientation de l’écran (portrait ou paysage) (hors cas particuliers) ? | AA | Conforme | Consultable en portrait et en paysage. |
| 13.10 | Dans chaque page web, les fonctionnalités utilisables ou disponibles au moyen d’un geste complexe peuvent-elles être également disponibles au moyen d’un geste simple (hors cas particuliers) ? | A | Non applicable | Aucun geste complexe. |
| 13.11 | Dans chaque page web, les actions déclenchées au moyen d’un dispositif de pointage sur un point unique de l’écran peuvent-elles faire l’objet d’une annulation (hors cas particuliers) ? | A | Conforme | Actions déclenchées au relâchement (clic, boutons natifs). |
| 13.12 | Dans chaque page web, les fonctionnalités qui impliquent un mouvement de l’appareil ou vers l’appareil peuvent-elles être satisfaites de manière alternative (hors cas particuliers) ? | A | Non applicable | Aucune fonction liée au mouvement de l’appareil. |
Pages auditées
- P01 Accueil : Obligatoire (page d’accueil). Défilé de logos, infographies, bannières cookies et annonce.
- P02 Contact : Obligatoire (contact). Coordonnées, horaires, liens vers le rendez-vous et l’e-mail.
- P03 Mentions légales : Obligatoire (mentions légales).
- P04 Accessibilité : Obligatoire (déclaration d’accessibilité).
- P05 Plan du site : Obligatoire (plan du site), 77 liens.
- P06 Tarifs : Calculateur de prix (boutons à bascule, champs), fenêtres de devis et de commande, tableau, infographies.
- P07 Estimateur de site : Application en une page : questionnaire au clavier, aperçu animé, formulaire.
- P08 Création de site internet : Modèle des 6 pages de service : infographies, tableau, FAQ (details).
- P09 Réalisations : Liste de cartes avec images.
- P10 Fiche réalisation : Modèle des fiches : captures, tableau, lien externe avec confirmation.
- P11 Blog : Liste d’articles, pagination, formulaire d’inscription à la newsletter.
- P12 Article : Modèle des 40 articles : sommaire, images légendées, citations, tableau, articles liés.
- P13 Rendez-vous : Formulaire en 3 étapes : jour, heure, coordonnées.
- P14 Conditions générales de vente : Page de texte longue, 2 tableaux, PDF à télécharger.
- P15 Kap Numérik : Page d’information : infographies, tableau.
- P16 Lexique : Liste de définitions.
- P17 Politique de confidentialité : Page de texte longue, tableau des cookies.
- P18 Page introuvable : Page d’erreur 404.
- P19 Résultats de recherche : Liste de résultats, pagination.
Environnement de test
- Référentiel : RGAA 4.1.2 (106 critères, niveaux A et AA), fondé sur les WCAG 2.1.
- Date : 24 octobre 2026
- Auteur : Lorem Ipsum Réunion (loremipsum.re), éditeur et concepteur du site : audit interne.
- Site : Site en ligne https://loremipsum.re, après la refonte du 24 octobre 2026.
- Navigateur : Google Chrome 155 sur Windows 10, fenêtres de 320, 375, 640 et 1 280 px.
- Outils : axe-core 4.10 (règles WCAG 2.1 et 2.2, A et AA) sur chaque page en bureau et en mobile ; validateur HTML du W3C (validator.w3.org/nu) ; relevés automatiques dans le navigateur (titres, régions, alternatives, étiquettes, liens, tableaux, focus, ordre de tabulation) ; tests au clavier des composants ; affichage à 320 px ; espacement du texte agrandi ; Lighthouse 13 ; vérification des PDF (balisage, langue, titre).
- Technologies d’assistance : Tests à réaliser avec NVDA et Firefox (Windows), puis VoiceOver et Safari (iPhone).
- Corrections faites pendant l’audit : En-têtes de tableaux (scope) ; légendes d’images reliées ; balise </p> orpheline du pied de page ; ids en double (Tarifs, article) ; image manquante d’un article ; mention « nouvelle fenêtre » sur les liens vers les CGV ; mention des champs obligatoires ; contraste des bordures de champs ; bouton de pause du défilé de logos ; estimateur : lien d’évitement, focus visible des champs, raccourcis limités au questionnaire, code HTML valide, balises de présentation retirées ; cible de 24 px du lien « Gérer les cookies » ; focus après la bannière cookies.