{"id":87,"date":"2026-02-17T16:11:35","date_gmt":"2026-02-17T16:11:35","guid":{"rendered":"https:\/\/wp.conform-it.fr\/?page_id=87"},"modified":"2026-02-18T16:48:08","modified_gmt":"2026-02-18T16:48:08","slug":"test-rgaa-chapitre-03-couleurs-pass","status":"publish","type":"page","link":"https:\/\/wp.conform-it.fr\/index.php\/test-rgaa-chapitre-03-couleurs-pass\/","title":{"rendered":"Test RGAA \u2013 Chapitre 03 &#8211; Couleurs &#8211; PASS"},"content":{"rendered":"\n<p>Cet article contient plusieurs exemples pour tester l\u2019accessibilit\u00e9 des couleurs : contrastes, liens, et informations reposant uniquement sur la couleur.<\/p>\n\n\n\n<p>1-  Texte avec contraste suffisant<\/p>\n\n\n\n<div style=\"background-color:#ffffff; padding:15px;\">\n  <p style=\"color:#000000;\">\n    Ce texte est noir sur fond blanc. Le contraste est suffisant et conforme aux exigences RGAA.\n  <\/p>\n<\/div>\n\n\n\n<p>2 \u2013 Texte avec contraste insuffisant<\/p>\n\n\n\n<div style=\"background-color:#ffffff; padding:15px;\">\n  <p style=\"color:#c7c7c7;\">\n    Ce texte gris clair sur fond blanc pr\u00e9sente un contraste insuffisant et peut \u00eatre difficile \u00e0 lire.\n  <\/p>\n<\/div>\n\n\n\n<p>3 \u2013 Information port\u00e9e uniquement par la couleur<\/p>\n\n\n\n<p>\n  <span style=\"color:red;\">Les \u00e9l\u00e9ments en rouge<\/span> sont obligatoires.\n<\/p>\n\n\n\n<p>4 \u2013 Information avec couleur + indication textuelle<\/p>\n\n\n\n<p>\n  Les \u00e9l\u00e9ments obligatoires sont indiqu\u00e9s en \n  <span style=\"color:red;\">rouge<\/span> \n  et marqu\u00e9s d\u2019un ast\u00e9risque (*).\n<\/p>\n\n<p>* Champ obligatoire<\/p>\n\n\n\n<p>5 \u2013 Lien uniquement identifiable par la couleur<\/p>\n\n\n\n<p>\n  Consultez notre \n  <a href=\"#\" style=\"color:#1a73e8; text-decoration:none;\">\n    page d\u2019information\n  <\/a>\n  pour plus de d\u00e9tails.\n<\/p>\n\n\n\n<p>6 \u2013 Bouton avec contraste insuffisant<\/p>\n\n\n\n<button style=\"background-color:#ffff99; color:#ffffff; padding:10px; border:none;\">\n  Valider\n<\/button>\n\n\n\n<p>7 \u2013 Texte sur fond color\u00e9 (cas limite)<\/p>\n\n\n\n<div style=\"background-color:#6fa8dc; padding:15px;\">\n  <p style=\"color:#ffffff;\">\n    Ce texte blanc sur fond bleu clair peut \u00eatre difficile \u00e0 lire selon le contraste r\u00e9el.\n  <\/p>\n<\/div>\n\n\n\n<p>8 \u2013 Comparaison de contrastes<\/p>\n\n\n\n<div style=\"display:flex; gap:20px;\">\n  \n  <div style=\"background:#ffffff; padding:10px;\">\n    <p style=\"color:#000000;\">Contraste fort<\/p>\n  <\/div>\n\n  <div style=\"background:#ffffff; padding:10px;\">\n    <p style=\"color:#bbbbbb;\">Contraste faible<\/p>\n  <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Cet article contient plusieurs exemples pour tester l\u2019accessibilit\u00e9 des couleurs : contrastes, liens, et informations reposant uniquement sur la couleur. 1- Texte avec contraste suffisant Ce texte est noir sur fond blanc. Le contraste est suffisant et conforme aux exigences RGAA. 2 \u2013 Texte avec contraste insuffisant Ce texte gris clair sur fond blanc pr\u00e9sente [&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-87","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/pages\/87","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=87"}],"version-history":[{"count":3,"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":113,"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/pages\/87\/revisions\/113"}],"wp:attachment":[{"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/media?parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}