FIELDSET
et /FIELDSET
dans le code source de la page en s'assurant qu'elles encadrent chacun des différents blocs d'informations du formulaire.Pour une liste complète des outils utilisés pour évaluer l'accessibilité des pages web, et un résumé de leurs principales fonctionnalités, reportez-vous à la page Outils d'aide à l'évaluation.
FIELDSET
est présente pour encadrer des blocs d'information de même nature.
FIELDSET
est présente pour encadrer des blocs d'information de même nature. FIELDSET
est présente pour encadrer des blocs d'information de même nature.FIELDSET
pour encadrer des blocs d'information de même nature.FIELDSET
est inscrite dans le liseret rouge) et vérifier la pertinence du texte.FIELDSET
est présente. Cependant, lorsque celle-ci est implémentée, et qu'elle est associée à la balise LEGEND
, Jaws permet de vérifier si les différents champs sont correctement associés avec la balise FIELDSET
qui entoure les zones.Ce critère est implémenté par l'intégrateur HTML et l'ergonome et le rédacteur.
Dans un même formulaire, plusieurs champs de saisie de même nature, comme les champs "nom", "prénom", "date" et "lieu de naissance" constituent, par exemple, le groupe de champs "Etat civil". Ils peuvent être regroupés par l'intermédiaire de la balise FIELDSET
.
FIELDSET
permet de créer une zone de regroupement d'éléments d'un formulaire en formant, par défaut, un liseré autour du bloc d'informations.<fieldset>
Groupe de champs.
Champ 1 : type de champ
Champ 2 : type de champ
...
</fieldset>
Voici un formulaire qui demande à l'utilisateur de fournir une adresse de livraison et une adresse de facturation, si elles sont différentes. Les deux blocs ne sont pas clairement identifiés.
<form action="#" mehtod="#">
<strong>Adresse de livraison :</strong><br />
<p><label for="nom_l">Nom</label> : <input type="text" id="nom_l" nam="nom_l" /></p>
<p><label for="prenom_l">Prénom</label> : <input type="text" id="prenom_l" nam="prenom_l" /></p>
<p><label for="adresse_l">Adresse</label : <input type="text" id="adresse_l"
name="adresse_l" /></p>
<p><label for="cp_l">Code postal</label : <input type="text" id="cp_l", name="cp_l" /></p>
<p><label for="ville_l">Ville</label :<input type="text" id="ville_l" name="ville_l" /></p>
<p><strong>Adresse de facturation :</strong></p>
<p><label for="nom_f">Nom</label> : <input type="text" id="nom_f" nam="nom_f" /></p>
<p><label for="prenom_f">Prénom</label> : <input type="text" id="prenom_f" nam="prenom_f" /></p>
<p><label for="adresse_f">Adresse</label : <input type="text" id="adresse_f"
name="adresse_f" /></p>
<p><label for="cp_f">Code postal</label : <input type="text" id="cp_f", name="cp_f" /></p>
<p><label for="ville_f">Ville</label :<input type="text" id="ville_f" name="ville_f" /></p>
</form>
Afin de mieux distinguer les deux blocs se rapportant respectivement à l'adresse de livraison et à l'adresse de facturation, il suffit d'encadrer chacun d'eux de la balise FIELDSET
.
<form action="#" mehtod="#">
<fieldset>
<strong>Adresse de livraison :</strong><br />
<p><label for="nom_l">Nom</label> : <input type="text" id="nom_l" nam="nom_l" /></p>
<p><label for="prenom_l">Prénom</label> : <input type="text" id="prenom_l" nam="prenom_l" /></p>
<p><label for="adresse_l">Adresse</label : <input type="text" id="adresse_l"
name="adresse_l" /></p>
<p><label for="cp_l">Code postal</label : <input type="text" id="cp_l", name="cp_l" /></p>
<p><label for="ville_l">Ville</label :<input type="text" id="ville_l" name="ville_l" /></p>
</fieldset>
<fieldset>
<p><strong>Adresse de facturation :</strong></p>
<p><label for="nom_f">Nom</label> : <input type="text" id="nom_f" nam="nom_f" /></p>
<p><label for="prenom_f">Prénom</label> : <input type="text" id="prenom_f" nam="prenom_f" /></p>
<p><label for="adresse_f">Adresse</label : <input type="text" id="adresse_f"
name="adresse_f" /></p>
<p><label for="cp_f">Code postal</label : <input type="text" id="cp_f", name="cp_f" /></p>
<p><label for="ville_f">Ville</label :<input type="text" id="ville_f" name="ville_f" /></p>
</fieldset>
</form>