{"id":114,"date":"2026-02-18T15:07:07","date_gmt":"2026-02-18T15:07:07","guid":{"rendered":"https:\/\/wp.conform-it.fr\/?page_id=114"},"modified":"2026-02-18T15:07:07","modified_gmt":"2026-02-18T15:07:07","slug":"test-rgaa-chapitre-03-couleurs-nc","status":"publish","type":"page","link":"https:\/\/wp.conform-it.fr\/index.php\/test-rgaa-chapitre-03-couleurs-nc\/","title":{"rendered":"Test RGAA \u2013 Chapitre 03 &#8211; Couleurs &#8211; NC"},"content":{"rendered":"\n<p>1- Info donn\u00e9e uniquement par la couleur (lien \/ action)<\/p>\n\n\n\n<form class=\"wp-form\">\n  <p>\n    <label for=\"email\">Email <span style=\"color:#d0021b;\">*<\/span><\/label>\n    <input id=\"email\" name=\"email\" type=\"email\">\n  <\/p>\n\n  <p style=\"font-size:14px;\">\n    Les champs marqu\u00e9s en <span style=\"color:#d0021b;\">rouge<\/span> sont obligatoires.\n  <\/p>\n<\/form>\n\n\n\n<p>2- Erreur indiqu\u00e9e uniquement par la couleur (validation de formulaire)<\/p>\n\n\n\n<form class=\"wp-form\">\n  <p>\n    <label for=\"tel\">T\u00e9l\u00e9phone<\/label>\n    <input id=\"tel\" name=\"tel\" type=\"tel\"\n           style=\"border: 2px solid #e00000; background:#ffe6e6;\">\n  <\/p>\n\n  <p style=\"color:#e00000; margin-top:-6px;\">\n    <!-- Mauvais : message ambigu, et d\u00e9pendant de la couleur -->\n    Champ invalide\n  <\/p>\n<\/form>\n\n\n\n<p>3- Contraste texte \/ fond insuffisant (contenu principal)<\/p>\n\n\n\n<section style=\"background:#ffffff; padding:16px; border:1px solid #eee;\">\n  <h2 style=\"color:#bdbdbd; margin:0 0 8px;\">Conditions d\u2019utilisation<\/h2>\n  <p style=\"color:#c8c8c8; font-size:16px; line-height:1.5;\">\n    En utilisant ce site, vous acceptez les conditions g\u00e9n\u00e9rales.\n    Ce texte est volontairement en gris clair sur fond blanc.\n  <\/p>\n<\/section>\n\n\n\n<p>4- Texte sur image avec overlay insuffisant (hero \/ banni\u00e8re WordPress)<\/p>\n\n\n\n<header style=\"position:relative; height:220px; overflow:hidden;\">\n  <img decoding=\"async\" src=\"https:\/\/picsum.photos\/1200\/400\"\n       alt=\"\"\n       style=\"width:100%; height:100%; object-fit:cover;\">\n  <!-- Overlay trop l\u00e9ger -->\n  <div style=\"position:absolute; inset:0; background:rgba(255,255,255,0.15);\"><\/div>\n\n  <div style=\"position:absolute; left:24px; bottom:24px; max-width:70%;\">\n    <h1 style=\"margin:0; color:#ffffff; font-weight:700;\">\n      Offre sp\u00e9ciale : -30% cette semaine\n    <\/h1>\n    <p style=\"margin:6px 0 0; color:#ffffff;\">\n      Texte blanc sur image, contraste non garanti.\n    <\/p>\n  <\/div>\n<\/header>\n\n\n\n<p>5- Info \u201cactif \/ s\u00e9lectionn\u00e9 \/ statut\u201d uniquement par couleur (menu \/ onglets)<\/p>\n\n\n\n<nav aria-label=\"Cat\u00e9gories\">\n  <ul style=\"list-style:none; display:flex; gap:10px; padding:0; margin:0;\">\n    <li><a href=\"#\" style=\"display:inline-block; padding:8px 12px; color:#666; text-decoration:none;\">Actualit\u00e9s<\/a><\/li>\n    <li><a href=\"#\" style=\"display:inline-block; padding:8px 12px; color:#00a651; text-decoration:none;\">Guides<\/a><\/li>\n    <li><a href=\"#\" style=\"display:inline-block; padding:8px 12px; color:#666; text-decoration:none;\">Ressources<\/a><\/li>\n  <\/ul>\n  <p style=\"font-size:13px; margin-top:8px;\">\n    L\u2019onglet actif est celui en <span style=\"color:#00a651;\">vert<\/span>.\n  <\/p>\n<\/nav>\n","protected":false},"excerpt":{"rendered":"<p>1- Info donn\u00e9e uniquement par la couleur (lien \/ action) Email * Les champs marqu\u00e9s en rouge sont obligatoires. 2- Erreur indiqu\u00e9e uniquement par la couleur (validation de formulaire) T\u00e9l\u00e9phone Champ invalide 3- Contraste texte \/ fond insuffisant (contenu principal) Conditions d\u2019utilisation En utilisant ce site, vous acceptez les conditions g\u00e9n\u00e9rales. Ce texte est volontairement [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-114","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/pages\/114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/comments?post=114"}],"version-history":[{"count":1,"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/pages\/114\/revisions"}],"predecessor-version":[{"id":115,"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/pages\/114\/revisions\/115"}],"wp:attachment":[{"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/media?parent=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}