{ "id": "exemple", "overrides": {}, "notes": {}, "url": "https://grilla.fr/demo/pivoine.html", "finalUrl": "https://grilla.fr/demo/pivoine.html", "pageTitle": "Accueil", "date": "2026-10-17T13:52:04.051Z", "durationMs": 5145, "engine": { "axe": "4.14.0", "chromium": "156.0.8078.4" }, "headings": [ { "level": 3, "text": "Nos bouquets de saison" }, { "level": 5, "text": "Bouquet Printemps" }, { "level": 5, "text": "Roses anciennes" }, { "level": 5, "text": "Champêtre" }, { "level": 2, "text": "Livraison" }, { "level": 2, "text": "Newsletter" } ], "legal": { "mention": "Accessibilité : non conforme", "declaration": "https://grilla.fr/demo/pivoine.html#" }, "criteria": [ { "id": "1.1", "status": "NC", "findings": [ { "rule": "image-alt", "kind": "fail", "severity": "Critique", "help": "Les images doivent avoir une alternative textuelle", "helpUrl": "https://dequeuniversity.com/rules/axe/4.14/image-alt?application=axeAPI&lang=fr", "nodes": [ { "target": "img[width=\"120\"]", "html": "", "summary": "Corriger l’un des éléments suivants : \n L’élément n’a pas d’attribut alt\n L’attribut aria-label n’existe pas ou est vide\n L’attribut aria-labelledby n’existe pas, fait référence à des éléments qui n’existent pas ou à des éléments vides ou non visibles\n L’élément n’a pas d’attribut title\n La sémantique par défaut de l’élément n’a pas été remplacée par role=\"none\" ou role=\"presentation\"" }, { "target": "img[width=\"20\"]", "html": "", "summary": "Corriger l’un des éléments suivants : \n L’élément n’a pas d’attribut alt\n L’attribut aria-label n’existe pas ou est vide\n L’attribut aria-labelledby n’existe pas, fait référence à des éléments qui n’existent pas ou à des éléments vides ou non visibles\n L’élément n’a pas d’attribut title\n La sémantique par défaut de l’élément n’a pas été remplacée par role=\"none\" ou role=\"presentation\"" }, { "target": ".hero > img", "html": "", "summary": "Corriger l’un des éléments suivants : \n L’élément n’a pas d’attribut alt\n L’attribut aria-label n’existe pas ou est vide\n L’attribut aria-labelledby n’existe pas, fait référence à des éléments qui n’existent pas ou à des éléments vides ou non visibles\n L’élément n’a pas d’attribut title\n La sémantique par défaut de l’élément n’a pas été remplacée par role=\"none\" ou role=\"presentation\"" }, { "target": ".card:nth-child(3) > img", "html": "", "summary": "Corriger l’un des éléments suivants : \n L’élément n’a pas d’attribut alt\n L’attribut aria-label n’existe pas ou est vide\n L’attribut aria-labelledby n’existe pas, fait référence à des éléments qui n’existent pas ou à des éléments vides ou non visibles\n L’élément n’a pas d’attribut title\n La sémantique par défaut de l’élément n’a pas été remplacée par role=\"none\" ou role=\"presentation\"" }, { "target": "img[width=\"16\"]", "html": "", "summary": "Corriger l’un des éléments suivants : \n L’élément n’a pas d’attribut alt\n L’attribut aria-label n’existe pas ou est vide\n L’attribut aria-labelledby n’existe pas, fait référence à des éléments qui n’existent pas ou à des éléments vides ou non visibles\n L’élément n’a pas d’attribut title\n La sémantique par défaut de l’élément n’a pas été remplacée par role=\"none\" ou role=\"presentation\"" } ] } ] }, { "id": "1.2", "status": "AV", "findings": [] }, { "id": "1.3", "status": "AV", "findings": [] }, { "id": "1.4", "status": "AV", "findings": [] }, { "id": "1.5", "status": "NA", "findings": [] }, { "id": "1.6", "status": "AV", "findings": [] }, { "id": "1.7", "status": "AV", "findings": [] }, { "id": "1.8", "status": "AV", "findings": [] }, { "id": "1.9", "status": "NA", "findings": [] }, { "id": "2.1", "status": "NC", "findings": [ { "rule": "frame-title", "kind": "fail", "severity": "Critique", "help": "Chaque cadre doit avoir un attribut title", "helpUrl": "https://dequeuniversity.com/rules/axe/4.14/frame-title?application=axeAPI&lang=fr", "nodes": [ { "target": "iframe", "html": "", "summary": "Corriger l’un des éléments suivants : \n L’élément n’a pas d’attribut title\n L’attribut aria-label n’existe pas ou est vide\n L’attribut aria-labelledby n’existe pas, fait référence à des éléments qui n’existent pas ou à des éléments vides ou non visibles\n La sémantique par défaut de l’élément n’a pas été remplacée par role=\"none\" ou role=\"presentation\"" } ] } ] }, { "id": "2.2", "status": "AV", "findings": [] }, { "id": "3.1", "status": "AV", "findings": [] }, { "id": "3.2", "status": "NC", "findings": [ { "rule": "color-contrast", "kind": "fail", "severity": "Critique", "help": "Les éléments doivent avoir un contraste de couleurs suffisant", "helpUrl": "https://dequeuniversity.com/rules/axe/4.14/color-contrast?application=axeAPI&lang=fr", "nodes": [ { "target": "nav > a[href=\"#\"]:nth-child(1)", "html": "Accueil", "summary": "Corriger l’un des éléments suivants : \n L’élément a un contraste de couleurs insuffisant de 2.45 (couleur d’avant plan : #c98aa0, couleur d’arrière plan : #fbeff2, taille de police : 11.3pt (15px), graisse : normal). Contraste de couleur attendu : 4.5:1" }, { "target": "nav > a[href=\"#\"]:nth-child(2)", "html": "Bouquets", "summary": "Corriger l’un des éléments suivants : \n L’élément a un contraste de couleurs insuffisant de 2.45 (couleur d’avant plan : #c98aa0, couleur d’arrière plan : #fbeff2, taille de police : 11.3pt (15px), graisse : normal). Contraste de couleur attendu : 4.5:1" }, { "target": "a[href=\"#\"]:nth-child(3)", "html": "Mariages", "summary": "Corriger l’un des éléments suivants : \n L’élément a un contraste de couleurs insuffisant de 2.45 (couleur d’avant plan : #c98aa0, couleur d’arrière plan : #fbeff2, taille de police : 11.3pt (15px), graisse : normal). Contraste de couleur attendu : 4.5:1" }, { "target": "a[href=\"#\"]:nth-child(4)", "html": "Contact", "summary": "Corriger l’un des éléments suivants : \n L’élément a un contraste de couleurs insuffisant de 2.45 (couleur d’avant plan : #c98aa0, couleur d’arrière plan : #fbeff2, taille de police : 11.3pt (15px), graisse : normal). Contraste de couleur attendu : 4.5:1" }, { "target": ".card:nth-child(1) > .price", "html": "

39 €

", "summary": "Corriger l’un des éléments suivants : \n L’élément a un contraste de couleurs insuffisant de 2.16 (couleur d’avant plan : #b0b0b0, couleur d’arrière plan : #ffffff, taille de police : 12.0pt (16px), graisse : normal). Contraste de couleur attendu : 4.5:1" }, { "target": ".card:nth-child(1) > .btn[onclick=\"alert('Ajouté')\"]", "html": "
Ajouter
", "summary": "Corriger l’un des éléments suivants : \n L’élément a un contraste de couleurs insuffisant de 1.55 (couleur d’avant plan : #ffffff, couleur d’arrière plan : #f4c2d0, taille de police : 12.0pt (16px), graisse : normal). Contraste de couleur attendu : 4.5:1" }, { "target": ".card:nth-child(2) > .price", "html": "

45 €

", "summary": "Corriger l’un des éléments suivants : \n L’élément a un contraste de couleurs insuffisant de 2.16 (couleur d’avant plan : #b0b0b0, couleur d’arrière plan : #ffffff, taille de police : 12.0pt (16px), graisse : normal). Contraste de couleur attendu : 4.5:1" }, { "target": ".card:nth-child(2) > .btn[onclick=\"alert('Ajouté')\"]", "html": "
Ajouter
", "summary": "Corriger l’un des éléments suivants : \n L’élément a un contraste de couleurs insuffisant de 1.55 (couleur d’avant plan : #ffffff, couleur d’arrière plan : #f4c2d0, taille de police : 12.0pt (16px), graisse : normal). Contraste de couleur attendu : 4.5:1" }, { "target": ".card:nth-child(3) > .price", "html": "

32 €

", "summary": "Corriger l’un des éléments suivants : \n L’élément a un contraste de couleurs insuffisant de 2.16 (couleur d’avant plan : #b0b0b0, couleur d’arrière plan : #ffffff, taille de police : 12.0pt (16px), graisse : normal). Contraste de couleur attendu : 4.5:1" }, { "target": ".card:nth-child(3) > .btn[onclick=\"alert('Ajouté')\"]", "html": "
Ajouter
", "summary": "Corriger l’un des éléments suivants : \n L’élément a un contraste de couleurs insuffisant de 1.55 (couleur d’avant plan : #ffffff, couleur d’arrière plan : #f4c2d0, taille de police : 12.0pt (16px), graisse : normal). Contraste de couleur attendu : 4.5:1" }, { "target": "main > .small", "html": "

En vous inscrivant, vous acceptez de recevoir nos offres. Désinscription possible à tout moment.

", "summary": "Corriger l’un des éléments suivants : \n L’élément a un contraste de couleurs insuffisant de 2.32 (couleur d’avant plan : #aaaaaa, couleur d’arrière plan : #ffffff, taille de police : 8.3pt (11px), graisse : normal). Contraste de couleur attendu : 4.5:1" }, { "target": "footer > .small", "html": "

© 2026 Pivoine & Cie (entreprise fictive). Mentions légales · Accessibilité : non conforme

", "summary": "Corriger l’un des éléments suivants : \n L’élément a un contraste de couleurs insuffisant de 2.07 (couleur d’avant plan : #aaaaaa, couleur d’arrière plan : #fbeff2, taille de police : 8.3pt (11px), graisse : normal). Contraste de couleur attendu : 4.5:1" } ] }, { "rule": "color-contrast", "kind": "check", "severity": "Critique", "help": "Les éléments doivent avoir un contraste de couleurs suffisant", "helpUrl": "https://dequeuniversity.com/rules/axe/4.14/color-contrast?application=axeAPI&lang=fr", "nodes": [ { "target": ".slogan", "html": "
Pivoine & Cie, fleuriste à Bordeaux
", "summary": "Corriger l’un des éléments suivants : \n La couleur d’arrière-plan de l’élément n’a pu être déterminée, car l’élément contient une balise image" } ] } ] }, { "id": "3.3", "status": "AV", "findings": [] }, { "id": "4.1", "status": "NA", "findings": [] }, { "id": "4.2", "status": "NA", "findings": [] }, { "id": "4.3", "status": "NA", "findings": [] }, { "id": "4.4", "status": "NA", "findings": [] }, { "id": "4.5", "status": "NA", "findings": [] }, { "id": "4.6", "status": "NA", "findings": [] }, { "id": "4.7", "status": "NA", "findings": [] }, { "id": "4.8", "status": "NA", "findings": [] }, { "id": "4.9", "status": "NA", "findings": [] }, { "id": "4.10", "status": "NA", "findings": [] }, { "id": "4.11", "status": "NA", "findings": [] }, { "id": "4.12", "status": "NA", "findings": [] }, { "id": "4.13", "status": "NA", "findings": [] }, { "id": "5.1", "status": "NA", "findings": [] }, { "id": "5.2", "status": "NA", "findings": [] }, { "id": "5.3", "status": "AV", "findings": [] }, { "id": "5.4", "status": "NA", "findings": [] }, { "id": "5.5", "status": "NA", "findings": [] }, { "id": "5.6", "status": "NA", "findings": [] }, { "id": "5.7", "status": "NA", "findings": [] }, { "id": "5.8", "status": "AV", "findings": [] }, { "id": "6.1", "status": "AV", "findings": [ { "rule": "lien-generique", "kind": "check", "severity": "Majeur", "help": "Intitulé de lien générique (« en savoir plus », « cliquez ici »…) : vérifier que son contexte le rend explicite.", "nodes": [ { "target": "a", "html": "cliquez ici", "summary": "" }, { "target": "a", "html": "Lire la suite", "summary": "" } ] } ] }, { "id": "6.2", "status": "NC", "findings": [ { "rule": "link-name", "kind": "fail", "severity": "Critique", "help": "Les liens doivent avoir un texte perceptible", "helpUrl": "https://dequeuniversity.com/rules/axe/4.14/link-name?application=axeAPI&lang=fr", "nodes": [ { "target": "a[href=\"#\"]:nth-child(5)", "html": "", "summary": "Corriger tous les éléments suivants : \n L’élément est dans l’ordre de tabulation et n’a pas d’intitulé accessible\n\nCorriger l’un des éléments suivants : \n L’élément n’a aucun contenu textuel visible par les lecteurs d’écran\n L’attribut aria-label n’existe pas ou est vide\n L’attribut aria-labelledby n’existe pas, fait référence à des éléments qui n’existent pas ou à des éléments vides ou non visibles\n L’élément n’a pas d’attribut title" } ] } ] }, { "id": "7.1", "status": "NC", "findings": [ { "rule": "clic-sans-role", "kind": "fail", "severity": "Critique", "help": "Élément scripté (onclick) sans rôle : les technologies d'assistance ignorent qu'il est interactif.", "nodes": [ { "target": "[onclick]", "html": "
Ajouter
", "summary": "" }, { "target": "[onclick]", "html": "
Ajouter
", "summary": "" }, { "target": "[onclick]", "html": "
Ajouter
", "summary": "" } ] } ] }, { "id": "7.2", "status": "AV", "findings": [] }, { "id": "7.3", "status": "NC", "findings": [ { "rule": "clic-sans-clavier", "kind": "fail", "severity": "Critique", "help": "Élément activable à la souris (onclick) mais impossible à atteindre au clavier.", "nodes": [ { "target": "[onclick]", "html": "
Ajouter
", "summary": "" }, { "target": "[onclick]", "html": "
Ajouter
", "summary": "" }, { "target": "[onclick]", "html": "
Ajouter
", "summary": "" } ] } ] }, { "id": "7.4", "status": "AV", "findings": [] }, { "id": "7.5", "status": "AV", "findings": [] }, { "id": "8.1", "status": "C", "findings": [] }, { "id": "8.2", "status": "AV", "findings": [] }, { "id": "8.3", "status": "NC", "findings": [ { "rule": "html-has-lang", "kind": "fail", "severity": "Critique", "help": "L’élément doit avoir un attribut lang", "helpUrl": "https://dequeuniversity.com/rules/axe/4.14/html-has-lang?application=axeAPI&lang=fr", "nodes": [ { "target": "html", "html": "", "summary": "Corriger l’un des éléments suivants : \n L’élément n’a pas d’attribut lang" } ] } ] }, { "id": "8.4", "status": "C", "findings": [] }, { "id": "8.5", "status": "C", "findings": [] }, { "id": "8.6", "status": "NC", "findings": [ { "rule": "titre-generique", "kind": "fail", "severity": "Majeur", "help": "Titre de page générique ou non informatif : « Accueil ».", "nodes": [] } ] }, { "id": "8.7", "status": "AV", "findings": [] }, { "id": "8.8", "status": "C", "findings": [] }, { "id": "8.9", "status": "AV", "findings": [] }, { "id": "8.10", "status": "NA", "findings": [] }, { "id": "9.1", "status": "AV", "findings": [ { "rule": "titres-sauts", "kind": "check", "severity": "Majeur", "help": "Saut de niveau dans la hiérarchie des titres : vérifier la pertinence de la structure.", "nodes": [ { "target": "h5", "html": "Bouquet Printemps", "summary": "" } ] }, { "rule": "h1-absent", "kind": "check", "severity": "Majeur", "help": "Aucun titre de niveau 1.", "nodes": [] } ] }, { "id": "9.2", "status": "NC", "findings": [ { "rule": "region", "kind": "fail", "severity": "Majeur", "help": "Le contenu doit être localisé dans une région", "helpUrl": "https://dequeuniversity.com/rules/axe/4.14/region?application=axeAPI&lang=fr", "nodes": [ { "target": ".demo-banner", "html": "

Site fictif de démonstration, créé par Grilla avec des erreurs d'accessibilité volontaires. Voir le rapport d'exemple.

", "summary": "Corriger l’un des éléments suivants : \n Contenu non imbriqué dans une région ARIA" }, { "target": ".hero", "html": "
\n \n
Pivoine & Cie, fleuriste à Bordeaux
\n
", "summary": "Corriger l’un des éléments suivants : \n Contenu non imbriqué dans une région ARIA" } ] } ] }, { "id": "9.3", "status": "AV", "findings": [] }, { "id": "9.4", "status": "NA", "findings": [] }, { "id": "10.1", "status": "AV", "findings": [] }, { "id": "10.2", "status": "AV", "findings": [] }, { "id": "10.3", "status": "AV", "findings": [] }, { "id": "10.4", "status": "C", "findings": [], "basis": "Aucun texte coupé ni tronqué par un zoom à 200 %." }, { "id": "10.5", "status": "AV", "findings": [] }, { "id": "10.6", "status": "AV", "findings": [] }, { "id": "10.7", "status": "NC", "findings": [ { "rule": "focus-invisible", "kind": "fail", "severity": "Critique", "help": "Élément sans indication visible quand il reçoit le focus clavier.", "nodes": [ { "target": ":focus", "html": "Voir le rapport d'exemple", "summary": "Aucun changement visible à l'écran quand l'élément reçoit le focus." }, { "target": ":focus", "html": "Accueil", "summary": "Aucun changement visible à l'écran quand l'élément reçoit le focus." }, { "target": ":focus", "html": "Bouquets", "summary": "Aucun changement visible à l'écran quand l'élément reçoit le focus." }, { "target": ":focus", "html": "Mariages", "summary": "Aucun changement visible à l'écran quand l'élément reçoit le focus." }, { "target": ":focus", "html": "Contact", "summary": "Aucun changement visible à l'écran quand l'élément reçoit le focus." }, { "target": ":focus", "html": "", "summary": "Aucun changement visible à l'écran quand l'élément reçoit le focus." }, { "target": ":focus", "html": "", "summary": "Aucun changement visible à l'écran quand l'élément reçoit le focus." } ] } ] }, { "id": "10.8", "status": "AV", "findings": [] }, { "id": "10.9", "status": "AV", "findings": [] }, { "id": "10.10", "status": "AV", "findings": [] }, { "id": "10.11", "status": "NC", "findings": [ { "rule": "reflow-320", "kind": "fail", "severity": "Critique", "help": "Défilement horizontal à 320 px de large : le contenu mesure 439 px.", "nodes": [] } ] }, { "id": "10.12", "status": "C", "findings": [], "basis": "Aucun texte coupé avec l'espacement augmenté (interligne 1,5, lettres 0,12 em, mots 0,16 em)." }, { "id": "10.13", "status": "AV", "findings": [] }, { "id": "10.14", "status": "AV", "findings": [] }, { "id": "11.1", "status": "NC", "findings": [ { "rule": "placeholder-seul", "kind": "fail", "severity": "Critique", "help": "Champ sans étiquette : le placeholder ne compte pas comme étiquette pour le RGAA (il disparaît à la saisie). Ajoutez un label, un aria-label, un aria-labelledby ou un title.", "nodes": [ { "target": "input, select, textarea", "html": "", "summary": "" }, { "target": "input, select, textarea", "html": "", "summary": "" } ] } ] }, { "id": "11.2", "status": "AV", "findings": [] }, { "id": "11.3", "status": "AV", "findings": [] }, { "id": "11.4", "status": "AV", "findings": [] }, { "id": "11.5", "status": "AV", "findings": [] }, { "id": "11.6", "status": "AV", "findings": [] }, { "id": "11.7", "status": "AV", "findings": [] }, { "id": "11.8", "status": "NA", "findings": [] }, { "id": "11.9", "status": "NC", "findings": [ { "rule": "button-name", "kind": "fail", "severity": "Critique", "help": "Les boutons doivent avoir un texte perceptible", "helpUrl": "https://dequeuniversity.com/rules/axe/4.14/button-name?application=axeAPI&lang=fr", "nodes": [ { "target": "button", "html": "", "summary": "Corriger l’un des éléments suivants : \n L’élément n’a aucun contenu textuel visible par les lecteurs d’écran\n L’attribut aria-label n’existe pas ou est vide\n L’attribut aria-labelledby n’existe pas, fait référence à des éléments qui n’existent pas ou à des éléments vides ou non visibles\n L’élément n’a pas d’attribut title\n L’élément de formulaire n’a pas de