Pour une meilleure accessibilité : formulaires avec ID sur chaque champ de...

Pour une meilleure accessibilité : formulaires avec ID sur chaque champ de saisie (<input> et <textarea>) adjoint d'un <label> avec attribut for homonyme (début).

formulaires/formulaire_ecrire_auteur.html

@@ -17,11 +17,12 @@
 [(#REM) Formulaire normal ]
 <fieldset class="spip_encadrer">
 <legend><:envoyer_message:></legend>
-<p><label><:form_pet_votre_email:></label>
-<input type="text" class="forml" name="email_message_auteur#ENV{id}" value="#ENV{mail}" size="30" /></p>
-<p><label><:form_prop_sujet:></label>
-<input type="text" class="forml" name="sujet_message_auteur#ENV{id}" value="#ENV{sujet}" size="30" /></p>
-<p><textarea class="forml" name="texte_message_auteur#ENV{id}" rows="10" cols="40">#ENV{texte}</textarea></p>
+<p><label for="email_message_auteur#ENV{id}"><:form_pet_votre_email:></label>
+<input type="text" class="forml" name="email_message_auteur#ENV{id}" id="email_message_auteur#ENV{id}" value="#ENV{mail}" size="30" /></p>
+<p><label for="sujet_message_auteur#ENV{id}"><:form_prop_sujet:></label>
+<input type="text" class="forml" name="sujet_message_auteur#ENV{id}" id="sujet_message_auteur#ENV{id}" value="#ENV{sujet}" size="30" /></p>
+<p><label for="texte_message_auteur#ENV{id}"><:info_texte_message:></label>
+<textarea class="forml" name="texte_message_auteur#ENV{id}" id="texte_message_auteur#ENV{id}" rows="10" cols="40">#ENV{texte}</textarea></p>
 <input type="submit" class="spip_bouton" name="valide" value="#ENV{bouton}" />
 </fieldset>
 

formulaires/formulaire_forum.html

@@ -8,7 +8,10 @@
 [<input type="hidden" name="hash" value="(#ENV{hash})" />]
 [<input type="hidden" name="afficher_texte" value="(#ENV{afficher_texte})" />]
 [<input type="hidden" name="retour_forum" value="(#ENV*{retour_forum}|rawurlencode)" />]
-[<p>(#ENV{modere})<:forum_info_modere:></p>]
+[<fieldset class="reponse_formulaire">
+<legend><:bouton_radio_modere_priori:></legend>
+<p>(#ENV{modere})<:forum_info_modere:></p>
+</fieldset>]
 
 [(#ENV*{previsu})]
 <BOUCLE_G(GROUPES_MOTS){forum=oui}{articles==(#ENV{table}|choixsiegal{articles,'oui','.*'})}{breves==(#ENV{table}|choixsiegal{breves,'oui','.*'})}{rubriques==(#ENV{table}|choixsiegal{rubriques,'oui','.*'})}{syndic==(#ENV{table}|choixsiegal{syndic,'oui','.*'})}
@@ -16,10 +19,7 @@
 [(#ID_GROUPE|in_any{#ENV**{ajouter_groupe},' '})
 	<fieldset class="spip_encadrer">
 	<legend><:mots_clefs:> : #TITRE</legend>
-	    <INCLURE{fond=choix_mots}
-	      {id_groupe}
-	      {ajouter_mot}
-	      {unseul}>
+	    <INCLURE{fond=choix_mots}{id_groupe}{ajouter_mot}{unseul}>
 	</fieldset>
 ]</BOUCLE_G>
 
@@ -31,7 +31,8 @@
 
 		<fieldset class="spip_encadrer">
 		<legend><:forum_titre:></legend>
-		<p><label><:forum_titre:></label><input type="text" class="forml" name="titre"[ value="(#ENV{titre})"] size="40" /></p>
+		<p><label for="titre"><:forum_titre:></label>
+			<input type="text" class="forml" name="titre" id="titre"[ value="(#ENV{titre})"] size="40" /></p>
 		</fieldset>
 		
 		<fieldset class="spip_encadrer">
@@ -43,21 +44,21 @@
 		<fieldset class="spip_encadrer">
 			<legend><:forum_lien_hyper:></legend>
 			<p><:forum_page_url:></p>
-			<p><label><:forum_titre:></label>
-				<input type="text" class="forml" name="nom_site_forum" size="40" value="[(#ENV{nom_site_forum})]" /></p>
-			<p><label><:forum_url:></label>
-			<input type="text" class="forml" name="url_site" style="text-align: left;" size="40" value="[(#ENV{url_site})]" /></p>
+			<p><label for="nom_site_forum"><:forum_titre:></label>
+				<input type="text" class="forml" name="nom_site_forum" id="nom_site_forum" size="40" value="[(#ENV{nom_site_forum})]" /></p>
+			<p><label for="url_site"><:forum_url:></label>
+			<input type="text" class="forml" name="url_site" id="url_site" style="text-align: left;" size="40" value="[(#ENV{url_site})]" /></p>
 		</fieldset>
 		
 		<fieldset class="spip_encadrer">
 			<legend><:forum_qui_etes_vous:></legend>
-			<p><label><:forum_votre_nom:></label>
-				<input type="text" name="auteur" value="[(#ENV{auteur})]" class="forml" size="40"[readonly="(#ENV{readonly})"] /></p>
-			<p><label><:forum_votre_email:></label>
-				<input type="text" class="forml" name="email_auteur" value="[(#ENV{email_auteur})]" size="40" [readonly="(#ENV{readonly})"] /></p>
+			<p><label for="auteur"><:forum_votre_nom:></label>
+				<input type="text" class="forml" name="auteur" id="auteur" value="[(#ENV{auteur})]" size="40"[readonly="(#ENV{readonly})"] /></p>
+			<p><label for="email_auteur"><:forum_votre_email:></label>
+				<input type="text" class="forml" name="email_auteur" id="email_auteur" value="[(#ENV{email_auteur})]" size="40" [readonly="(#ENV{readonly})"] /></p>
 		</fieldset>
 
-		<input type="submit" value="<:forum_voir_avant:>" class="spip_bouton" />
+		<input type="submit" class="spip_bouton" value="<:forum_voir_avant:>" />
 ]
 
 </form>

formulaires/formulaire_forum_previsu.html

@@ -12,6 +12,6 @@
 
 [<p class="reponse_formulaire">(#ENV*{erreur})</p>]
 
-[<input type="submit" name="confirmer_forum" class="spip_bouton" value="(#ENV*{bouton})" />]
+[<input type="submit" class="spip_bouton" name="confirmer_forum" value="(#ENV*{bouton})" />]
 
 </fieldset>
\ No newline at end of file

formulaires/formulaire_menu_lang.html

@@ -3,11 +3,12 @@
 
 <form action="#ENV{url}" method="post">
 	[(#ENV{url}|form_hidden)]
-	<select class="forml" name="#ENV{nom}" onchange="document.location.href='#ENV{url}&amp;#ENV{nom}='+this.options[this.selectedIndex].value">
+	<label for="#ENV{nom}"><:info_langues:></label>
+	<select class="forml" name="#ENV{nom}" id="#ENV{nom}" onchange="document.location.href='#ENV{url}&amp;#ENV{nom}='+this.options[this.selectedIndex].value">
 	#ENV*{langues}
 	</select>
 	<noscript>
-	<input type="submit" value="&gt;&gt;" class="spip_bouton" />
+		<input type="submit" value="&gt;&gt;" class="spip_bouton" />
 	</noscript>
 </form>
 

formulaires/formulaire_signature.html

@@ -11,26 +11,26 @@
 
 <fieldset class="spip_encadrer">
 	<legend><:form_forum_identifiants:></legend>
-	<p><label><:form_pet_votre_nom:></label>
-		<input type="text" class="forml" name="nom_email" value="" size="20" /></p>
-	<p><label><:form_pet_votre_email:></label>
-		<input type="text" class="forml" name="adresse_email" value="" size="20" /></p>
+	<p><label for="nom_email"><:form_pet_votre_nom:></label>
+	<input type="text" class="forml" name="nom_email" id="nom_email" value="" size="20" /></p>
+	<p><label for="adresse_email"><:form_pet_votre_email:></label>
+	<input type="text" class="forml" name="adresse_email" id="adresse_email" value="" size="20" /></p>
 </fieldset>
 
 <fieldset class="spip_encadrer">
 	<legend><:forum_lien_hyper:></legend>
 	[<p>(#ENV{site_obli})<:form_pet_votre_site:></p>]
-	<p><label><:form_pet_nom_site2:></label>
-	<input type="text" class="forml" name="signature_nom_site" value="" size="20" /></p>
-	<p><label><:form_pet_adresse_site:></label>
-		<input type="text" class="forml" name="signature_url_site" style="text-align: left;" value="http://" size="20" /></p>
+	<p><label for="signature_nom_site"><:form_pet_nom_site2:></label>
+	<input type="text" class="forml" name="signature_nom_site" id="signature_nom_site" value="" size="20" /></p>
+	<p><label for="signature_url_site"><:form_pet_adresse_site:></label>
+	<input type="text" class="forml" name="signature_url_site" id="signature_url_site" style="text-align: left;" value="http://" size="20" /></p>
 </fieldset>
 
 [(#ENV{message})
 	<fieldset class="spip_encadrer">
 		<legend><:form_pet_message_commentaire:></legend>
-		<p><label><:info_texte_message:></label>
-		<textarea class="forml" name="message" rows="3" cols="20"></textarea></p>
+		<p><label for="message"><:info_texte_message:></label>
+		<textarea class="forml" name="message" id="message" rows="3" cols="20"></textarea></p>
 	</fieldset>]
 
 <input type="submit" class="spip_bouton" value="<:bouton_valider:>" />

formulaires/formulaire_site.html

@@ -5,12 +5,12 @@
 	<fieldset class="spip_encadrer">
 	<legend><:info_site:></legend>
 	<p><:proposer_site:></p>
-	<p><label><:form_prop_nom_site:></label>
-	  <input type="text" class="forml" name="nom_site" value="" size="30" /></p>
-	<p><label><:form_prop_url_site:></label>
-	  <input type="text" class="forml" name="url_site" style="text-align: left;" value="http://" size="30" /></p>
-	<p><label><:form_prop_description:></label>
-	  <textarea class="forml" name="description_site" rows="5" cols="40"></textarea></p>
+	<p><label for="nom_site"><:form_prop_nom_site:></label>
+	  <input type="text" class="forml" name="nom_site" id="nom_site" value="" size="30" /></p>
+	<p><label for="url_site"><:form_prop_url_site:></label>
+	  <input type="text" class="forml" name="url_site" id="url_site" style="text-align: left;" value="http://" size="30" /></p>
+	<p><label for="description_site"><:form_prop_description:></label>
+	  <textarea class="forml" name="description_site" id="description_site" rows="5" cols="40"></textarea></p>
 	<input type="submit" class="spip_bouton" value="<:bouton_valider:>" />
 	</fieldset>
 </form>