Inscription \u00e0 la piscine<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n padding: 2rem;\n }\n .form-group {\n margin-bottom: 1rem;\n }\n .form-group span {\n display: block;\n margin-bottom: 0.3rem;\n }\n input, select, button {\n padding: 0.5rem;\n width: 300px;\n }\n <\/style>\n<script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\n<\/head>\n<body>\n\n<div>\n<form action=\"?\" method=\"POST\">\n <div class=\"g-recaptcha\" data-sitekey=\"6LfNj3crAAAAAGK7rtPMPq04NFNmXELEjrjqmqFM\"><\/div>\n <br\/>\n <input type=\"submit\" value=\"Submit\">\n <\/form>\n<\/div>\n\n <h1>Formulaire d’inscription<\/h1>\n\n <form>\n <div class=\"form-group\">\n <span>Nom<\/span>\n <input type=\"text\" name=\"field1\">\n <\/div>\n\n <div class=\"form-group\">\n <span>Pr\u00e9nom<\/span>\n <input type=\"text\" name=\"field2\">\n <\/div>\n\n <div class=\"form-group\">\n <span>Date de naissance<\/span>\n <input type=\"date\" name=\"field3\">\n <\/div>\n\n <div class=\"form-group\">\n <span>Adresse<\/span>\n <input type=\"text\" name=\"field4\">\n <\/div>\n\n <div class=\"form-group\">\n <span>Choisissez votre abonnement<\/span>\n <select name=\"field5\">\n <option>Mensuel<\/option>\n <option>Trimestriel<\/option>\n <option>Annuel<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <input type=\"checkbox\" name=\"field6\"> J’accepte les conditions\n <\/div>\n\n <div class=\"form-group\">\n <button type=\"submit\">Valider<\/button>\n <\/div>\n <\/form>\n\n<\/body>\n<\/html>\n\n\n\n<h3 class=\"wp-block-heading\">Probl\u00e8mes d\u2019accessibilit\u00e9 int\u00e9gr\u00e9s volontairement :<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Absence de balises <code><label><\/code> li\u00e9es aux champs (<code>for<\/code> + <code>id<\/code>)<\/strong> :<br>\u2192 La synth\u00e8se vocale ne peut pas annoncer le champ et son nom correctement.<\/li>\n\n\n\n<li><strong>Utilisation de <code><span><\/code> pour indiquer les noms des champs<\/strong> :<br>\u2192 Non li\u00e9 au champ, donc invisibles ou confus pour les technologies d\u2019assistance.<\/li>\n\n\n\n<li><strong>Pas de <code>aria-label<\/code> ou <code>aria-labelledby<\/code> pour compenser<\/strong> :<br>\u2192 Aucun support alternatif pour d\u00e9crire les champs.<\/li>\n\n\n\n<li><strong>Placeholders comme seule aide<\/strong> :<br>\u2192 Ils disparaissent \u00e0 la saisie, donc peu fiables et non annonc\u00e9s syst\u00e9matiquement.<\/li>\n\n\n\n<li><strong>Champs sans <code>id<\/code> ni description<\/strong> :<br>\u2192 Impossibles \u00e0 cibler pr\u00e9cis\u00e9ment ou \u00e0 relier \u00e0 une consigne.<\/li>\n\n\n\n<li><strong>Checkbox non explicit\u00e9e<\/strong> :<br>\u2192 Aucune indication du texte associ\u00e9 si on navigue au clavier.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Ceci est un formulaire pour s’inscrire \u00e0 la piscine… Essayez-donc d’accomplir cette t\u00e2che uniquement au clavier et sans regarder l’\u00e9cran ! Inscription \u00e0 la piscine Formulaire d’inscription Nom Pr\u00e9nom Date de naissance Adresse Choisissez votre abonnement MensuelTrimestrielAnnuel J’accepte les conditions Valider Probl\u00e8mes d\u2019accessibilit\u00e9 int\u00e9gr\u00e9s volontairement :<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sandbox.wp-a11y.coolify.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sandbox.wp-a11y.coolify.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sandbox.wp-a11y.coolify.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sandbox.wp-a11y.coolify.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sandbox.wp-a11y.coolify.cloud-ed.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":5,"href":"https:\/\/sandbox.wp-a11y.coolify.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/sandbox.wp-a11y.coolify.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/sandbox.wp-a11y.coolify.cloud-ed.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2,"date":"2025-07-03T10:35:36","date_gmt":"2025-07-03T08:35:36","guid":{"rendered":"https:\/\/sandbox.wp-a11y.coolify.cloud-ed.fr\/?page_id=2"},"modified":"2025-07-31T09:18:27","modified_gmt":"2025-07-31T07:18:27","slug":"page-d-exemple","status":"publish","type":"page","link":"https:\/\/sandbox.wp-a11y.coolify.cloud-ed.fr\/?page_id=2","title":{"rendered":"Inscription \u00e0 la piscine"},"content":{"rendered":"\n

Ceci est un formulaire pour s’inscrire \u00e0 la piscine… Essayez-donc d’accomplir cette t\u00e2che uniquement au clavier et sans regarder l’\u00e9cran !<\/p>\n\n\n\n\n\n\n \n Inscription \u00e0 la piscine<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n padding: 2rem;\n }\n .form-group {\n margin-bottom: 1rem;\n }\n .form-group span {\n display: block;\n margin-bottom: 0.3rem;\n }\n input, select, button {\n padding: 0.5rem;\n width: 300px;\n }\n <\/style>\n<script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\n<\/head>\n<body>\n\n<div>\n<form action=\"?\" method=\"POST\">\n <div class=\"g-recaptcha\" data-sitekey=\"6LfNj3crAAAAAGK7rtPMPq04NFNmXELEjrjqmqFM\"><\/div>\n <br\/>\n <input type=\"submit\" value=\"Submit\">\n <\/form>\n<\/div>\n\n <h1>Formulaire d’inscription<\/h1>\n\n <form>\n <div class=\"form-group\">\n <span>Nom<\/span>\n <input type=\"text\" name=\"field1\">\n <\/div>\n\n <div class=\"form-group\">\n <span>Pr\u00e9nom<\/span>\n <input type=\"text\" name=\"field2\">\n <\/div>\n\n <div class=\"form-group\">\n <span>Date de naissance<\/span>\n <input type=\"date\" name=\"field3\">\n <\/div>\n\n <div class=\"form-group\">\n <span>Adresse<\/span>\n <input type=\"text\" name=\"field4\">\n <\/div>\n\n <div class=\"form-group\">\n <span>Choisissez votre abonnement<\/span>\n <select name=\"field5\">\n <option>Mensuel<\/option>\n <option>Trimestriel<\/option>\n <option>Annuel<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <input type=\"checkbox\" name=\"field6\"> J’accepte les conditions\n <\/div>\n\n <div class=\"form-group\">\n <button type=\"submit\">Valider<\/button>\n <\/div>\n <\/form>\n\n<\/body>\n<\/html>\n\n\n\n<h3 class=\"wp-block-heading\">Probl\u00e8mes d\u2019accessibilit\u00e9 int\u00e9gr\u00e9s volontairement :<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Absence de balises <code><label><\/code> li\u00e9es aux champs (<code>for<\/code> + <code>id<\/code>)<\/strong> :<br>\u2192 La synth\u00e8se vocale ne peut pas annoncer le champ et son nom correctement.<\/li>\n\n\n\n<li><strong>Utilisation de <code><span><\/code> pour indiquer les noms des champs<\/strong> :<br>\u2192 Non li\u00e9 au champ, donc invisibles ou confus pour les technologies d\u2019assistance.<\/li>\n\n\n\n<li><strong>Pas de <code>aria-label<\/code> ou <code>aria-labelledby<\/code> pour compenser<\/strong> :<br>\u2192 Aucun support alternatif pour d\u00e9crire les champs.<\/li>\n\n\n\n<li><strong>Placeholders comme seule aide<\/strong> :<br>\u2192 Ils disparaissent \u00e0 la saisie, donc peu fiables et non annonc\u00e9s syst\u00e9matiquement.<\/li>\n\n\n\n<li><strong>Champs sans <code>id<\/code> ni description<\/strong> :<br>\u2192 Impossibles \u00e0 cibler pr\u00e9cis\u00e9ment ou \u00e0 relier \u00e0 une consigne.<\/li>\n\n\n\n<li><strong>Checkbox non explicit\u00e9e<\/strong> :<br>\u2192 Aucune indication du texte associ\u00e9 si on navigue au clavier.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Ceci est un formulaire pour s’inscrire \u00e0 la piscine… Essayez-donc d’accomplir cette t\u00e2che uniquement au clavier et sans regarder l’\u00e9cran ! Inscription \u00e0 la piscine Formulaire d’inscription Nom Pr\u00e9nom Date de naissance Adresse Choisissez votre abonnement MensuelTrimestrielAnnuel J’accepte les conditions Valider Probl\u00e8mes d\u2019accessibilit\u00e9 int\u00e9gr\u00e9s volontairement :<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sandbox.wp-a11y.coolify.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sandbox.wp-a11y.coolify.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sandbox.wp-a11y.coolify.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sandbox.wp-a11y.coolify.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sandbox.wp-a11y.coolify.cloud-ed.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":5,"href":"https:\/\/sandbox.wp-a11y.coolify.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/sandbox.wp-a11y.coolify.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/sandbox.wp-a11y.coolify.cloud-ed.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}