{"id":136,"date":"2026-02-18T15:32:04","date_gmt":"2026-02-18T15:32:04","guid":{"rendered":"https:\/\/wp.conform-it.fr\/?page_id=136"},"modified":"2026-02-18T15:32:04","modified_gmt":"2026-02-18T15:32:04","slug":"test-rgaa-chapitre-07-scripts-pass","status":"publish","type":"page","link":"https:\/\/wp.conform-it.fr\/index.php\/test-rgaa-chapitre-07-scripts-pass\/","title":{"rendered":"Test RGAA \u2013 Chapitre 07 : Scripts &#8211; PASS"},"content":{"rendered":"\n<p>1 \u2014 Bouton script\u00e9 accessible (gestion clavier + ARIA)<\/p>\n\n\n\n<button id=\"toggleMenu\"\n        aria-expanded=\"false\"\n        aria-controls=\"menuContent\">\n    Ouvrir le menu\n<\/button>\n\n<div id=\"menuContent\" hidden>\n    <ul>\n        <li><a href=\"#\">Lien 1<\/a><\/li>\n        <li><a href=\"#\">Lien 2<\/a><\/li>\n    <\/ul>\n<\/div>\n\n<script>\ndocument.getElementById('toggleMenu').addEventListener('click', function() {\n    const content = document.getElementById('menuContent');\n    const expanded = this.getAttribute('aria-expanded') === 'true';\n\n    this.setAttribute('aria-expanded', !expanded);\n    content.hidden = expanded;\n});\n<\/script>\n\n\n\n<p>2 \u2014 Mise \u00e0 jour dynamique annonc\u00e9e (ARIA live)<\/p>\n\n\n\n<button onclick=\"loadContent()\">Charger les notifications<\/button>\n\n<div id=\"notifications\" aria-live=\"polite\"><\/div>\n\n<script>\nfunction loadContent() {\n    document.getElementById('notifications').textContent =\n        \"3 nouvelles notifications charg\u00e9es.\";\n}\n<\/script>\n\n\n\n<p>3 \u2014 Script d\u00e9clench\u00e9 au focus clavier<\/p>\n\n\n\n<label for=\"info\">Champ :<\/label>\n<input id=\"info\" type=\"text\" onfocus=\"showHelp()\" \/>\n\n<p id=\"helpText\" hidden>\n    Aide : Saisissez au moins 5 caract\u00e8res.\n<\/p>\n\n<script>\nfunction showHelp() {\n    document.getElementById('helpText').hidden = false;\n}\n<\/script>\n\n\n\n<p>4 \u2014 Gestion du focus apr\u00e8s ouverture d\u2019une modale<\/p>\n\n\n\n<button onclick=\"openModal()\">Ouvrir la fen\u00eatre<\/button>\n\n<div id=\"modal\"\n     role=\"dialog\"\n     aria-modal=\"true\"\n     aria-labelledby=\"title\"\n     hidden>\n\n    <h2 id=\"title\">Fen\u00eatre modale<\/h2>\n    <button id=\"closeBtn\" onclick=\"closeModal()\">Fermer<\/button>\n<\/div>\n\n<script>\nfunction openModal() {\n    const modal = document.getElementById('modal');\n    modal.hidden = false;\n    document.getElementById('closeBtn').focus();\n}\n\nfunction closeModal() {\n    document.getElementById('modal').hidden = true;\n}\n<\/script>\n\n\n\n<p>5 \u2014 Alternative sans JavaScript<\/p>\n\n\n\n<noscript>\n    <p>\n        JavaScript est d\u00e9sactiv\u00e9. Acc\u00e9dez au formulaire via ce lien :\n        <a href=\"\/contact\">Formulaire de contact<\/a>\n    <\/p>\n<\/noscript>\n\n<button onclick=\"document.getElementById('form').hidden=false;\">\n    Afficher le formulaire\n<\/button>\n\n<div id=\"form\" hidden>\n    <form>\n        <label>Nom : <input type=\"text\"><\/label>\n    <\/form>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>1 \u2014 Bouton script\u00e9 accessible (gestion clavier + ARIA) Ouvrir le menu Lien 1 Lien 2 2 \u2014 Mise \u00e0 jour dynamique annonc\u00e9e (ARIA live) Charger les notifications 3 \u2014 Script d\u00e9clench\u00e9 au focus clavier Champ : Aide : Saisissez au moins 5 caract\u00e8res. 4 \u2014 Gestion du focus apr\u00e8s ouverture d\u2019une modale Ouvrir la [&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-136","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/pages\/136","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=136"}],"version-history":[{"count":1,"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/pages\/136\/revisions"}],"predecessor-version":[{"id":138,"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/pages\/136\/revisions\/138"}],"wp:attachment":[{"href":"https:\/\/wp.conform-it.fr\/index.php\/wp-json\/wp\/v2\/media?parent=136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}