Browse Source

Quand il y a une explication, lier l'explication et le champ avec aria-describedby (Aurélien) ... A noter que pour un input radio a plusieurs choix, l'attribut aria-describedby est porté par le premier choix ( c'est correct ? )

svn/root/tags/plugins/dev/0.3.0
ben.spip@gmail.com 10 years ago
parent
commit
108d6303d2
  1. 14
      formulaires/charter.html

14
formulaires/charter.html

@ -62,15 +62,15 @@
<span class='erreur_message'>(#GET{erreurs})</span>
]
<p class="explication" id="#GET{name}_explication">Des explications au dessus d'un champ de saisie</p>
<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" aria-describedby="#GET{name}_explication" [(#HTML5|et{#GET{obli}})required='required']/>
</div>
<!--EX05-->
#SET{name,text_obli}#SET{obli,'obligatoire'}#SET{defaut,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
<div class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
<label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
<span class='erreur_message'>(#GET{erreurs})</span>
]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
<p class="explication">Des explications après un champ de saisie</p>
]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" aria-describedby="#GET{name}_explication" [(#HTML5|et{#GET{obli}})required='required']/>
<p class="explication" id="#GET{name}_explication">Des explications après un champ de saisie</p>
</div>
<!--EX06-->
#SET{name,textarea}#SET{obli,''}#SET{defaut,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
@ -108,10 +108,10 @@
<label>[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
<span class='erreur_message'>(#GET{erreurs})</span>
]
<p class="explication">Des explications au-dessus d'un choix</p>
<p class="explication" id="#GET{name}_explication">Des explications au-dessus d'un choix</p>
#SET{val,oui}
<div class="choix">
<input type="radio" name="#GET{name}" class="radio" id="#GET{name}_#GET{val}" value="#GET{val}"[(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)checked="checked"] />
<input type="radio" name="#GET{name}" class="radio" id="#GET{name}_#GET{val}" aria-describedby="#GET{name}_explication" value="#GET{val}"[(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)checked="checked"] />
<label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
</div>
#SET{val,non}
@ -175,12 +175,12 @@
<label>[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
<span class='erreur_message'>(#GET{erreurs})</span>
]
<p class="explication">Des explications au-dessus d'un choix</p>
<p class="explication" id="#GET{name}_explication">Des explications au-dessus d'un choix</p>
#SET{val,non}
<input type="hidden" name="#GET{name}" value="#GET{val}" />
#SET{val,oui}
<div class="choix">
<input type="checkbox" name="#GET{name}" class="checkbox" id="#GET{name}_#GET{val}" value="#GET{val}"[(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)checked="checked"] />
<input type="checkbox" name="#GET{name}" class="checkbox" id="#GET{name}_#GET{val}" aria-describedby="#GET{name}_explication" value="#GET{val}"[(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)checked="checked"] />
<label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
</div>
</div>

Loading…
Cancel
Save