{"id":134,"date":"2026-02-18T15:29:20","date_gmt":"2026-02-18T15:29:20","guid":{"rendered":"https:\/\/wp.conform-it.fr\/?page_id=134"},"modified":"2026-02-18T15:29:20","modified_gmt":"2026-02-18T15:29:20","slug":"test-rgaa-chapitre-07-scripts-nc","status":"publish","type":"page","link":"https:\/\/wp.conform-it.fr\/index.php\/test-rgaa-chapitre-07-scripts-nc\/","title":{"rendered":"Test RGAA \u2013 Chapitre 07 : Scripts &#8211; NC"},"content":{"rendered":"\n<p>1 \u2014 Bouton script\u00e9 non accessible au clavier<\/p>\n\n\n\n<div onclick=\"ouvrirMenu()\" style=\"cursor:pointer; padding:10px; background:#ccc;\">\n  Ouvrir le menu\n<\/div>\n\n<script>\nfunction ouvrirMenu() {\n  alert(\"Menu ouvert\");\n}\n<\/script>\n\n\n\n<p>2 \u2014 Mise \u00e0 jour dynamique non annonc\u00e9e (ARIA live absent)<\/p>\n\n\n\n<button onclick=\"chargerResultat()\">Afficher r\u00e9sultat<\/button>\n\n<div id=\"resultat\"><\/div>\n\n<script>\nfunction chargerResultat() {\n  document.getElementById(\"resultat\").innerHTML = \"R\u00e9sultat charg\u00e9\";\n}\n<\/script>\n\n\n\n<p>3 \u2014 Ouverture de modal sans gestion du focus<\/p>\n\n\n\n<button onclick=\"openModal()\">Ouvrir la fen\u00eatre<\/button>\n\n<div id=\"modal\" style=\"display:none; background:white; border:1px solid black; padding:20px;\">\n  <p>Contenu de la fen\u00eatre<\/p>\n  <button onclick=\"closeModal()\">Fermer<\/button>\n<\/div>\n\n<script>\nfunction openModal() {\n  document.getElementById(\"modal\").style.display = \"block\";\n}\n\nfunction closeModal() {\n  document.getElementById(\"modal\").style.display = \"none\";\n}\n<\/script>\n\n\n\n<p>4 \u2014 \u00c9v\u00e9nement JS d\u00e9pendant uniquement de la souris<\/p>\n\n\n\n<p onmouseover=\"afficherInfo()\" style=\"width:200px; border:1px solid black;\">\n  Passez la souris ici\n<\/p>\n\n<div id=\"info\"><\/div>\n\n<script>\nfunction afficherInfo() {\n  document.getElementById(\"info\").innerText = \"Information affich\u00e9e\";\n}\n<\/script>\n\n\n\n<p>5 \u2014 Champ avec validation JS non restitu\u00e9e correctement<\/p>\n\n\n\n<label>Email :<\/label>\n<input type=\"text\" id=\"email\">\n<button onclick=\"verifier()\">Valider<\/button>\n\n<div id=\"erreur\" style=\"color:red;\"><\/div>\n\n<script>\nfunction verifier() {\n  var email = document.getElementById(\"email\").value;\n  if (!email.includes(\"@\")) {\n    document.getElementById(\"erreur\").innerText = \"Email invalide\";\n  }\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>1 \u2014 Bouton script\u00e9 non accessible au clavier Ouvrir le menu 2 \u2014 Mise \u00e0 jour dynamique non annonc\u00e9e (ARIA live absent) Afficher r\u00e9sultat 3 \u2014 Ouverture de modal sans gestion du focus Ouvrir la fen\u00eatre Contenu de la fen\u00eatre Fermer 4 \u2014 \u00c9v\u00e9nement JS d\u00e9pendant uniquement de la souris Passez la souris ici 5 [&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-134","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/pages\/134","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=134"}],"version-history":[{"count":1,"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/pages\/134\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/pages\/134\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/media?parent=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}