154
Maîtrise des CSS
form div {
clear: left;
}
Les.formulaires.sont.rarement.aussi.simples.que.celui.de.la.Figure 7.8..Bien.souvent,.vous.
devrez.créer.des.exceptions.à.vos.règles.de.mise.en.forme.de.base.afin.de.gérer.les.composants. multiples. sur. une. même. ligne. ou. les. colonnes. de. cases. à. cocher. et. de. boutons.
radio.(voir.Figure 7.9)..Les.deux.sections.suivantes.expliquent.comment.traiter.ces.types.
d’exceptions.
Figure 7.9
Une mise en forme
de formulaire plus
complexe.
Champ de date accessible
Comme.vous.venez.de.le.voir,.les.étiquettes.jouent.un.rôle.important.dans.l’accessibilité.des.
formulaires..Il.arrivera.pourtant.parfois.que.vous.ne.souhaitiez.pas.afficher.d’étiquette.pour.
chaque.élément..La.Figure 7.9.présente.ainsi.un.groupe.d’éléments.de.formulaire.qui.sert.
à.collecter.des.informations.de.date..Ici,.il.serait.excessif.d’afficher.chaque.étiquette,.car.la.
date.de.naissance.se.trouverait.décomposée.en.trois.entités.séparées.au.lieu.d’être.appréhendée.comme.une.entité.unique..Quand.on.ne.veut.pas.afficher.les.étiquettes,.il.peut.malgré.
tout.être.utile.de.les.faire.figurer.dans.le.code.source.et.de.les.rendre.ainsi.disponibles.pour.
les.lecteurs.d’écran.
Pour.créer.cette.disposition,.vous.devez.d’abord.masquer.les.étiquettes."Mois.de.naissance".
(monthOfBirth). et. "Année. de. naissance". (yearOfBirth).. Si. vous. leur. attribuiez. la. valeur.
none.à.leur.propriété.display,.vous.les.empêcheriez.de.s’afficher,.mais.vous.empêcheriez.
aussi. les. lecteurs. d’écran. d’y. accéder..Au. lieu. de. cela,. vous. pouvez. les. positionner. hors.
écran.avec.un.retrait.de.texte.négatif.important..Dans.le.style.de.formulaire.générique.que.
Maîtrise des CSS
form div {
clear: left;
}
Les.formulaires.sont.rarement.aussi.simples.que.celui.de.la.Figure 7.8..Bien.souvent,.vous.
devrez.créer.des.exceptions.à.vos.règles.de.mise.en.forme.de.base.afin.de.gérer.les.composants. multiples. sur. une. même. ligne. ou. les. colonnes. de. cases. à. cocher. et. de. boutons.
radio.(voir.Figure 7.9)..Les.deux.sections.suivantes.expliquent.comment.traiter.ces.types.
d’exceptions.
Figure 7.9
Une mise en forme
de formulaire plus
complexe.
Champ de date accessible
Comme.vous.venez.de.le.voir,.les.étiquettes.jouent.un.rôle.important.dans.l’accessibilité.des.
formulaires..Il.arrivera.pourtant.parfois.que.vous.ne.souhaitiez.pas.afficher.d’étiquette.pour.
chaque.élément..La.Figure 7.9.présente.ainsi.un.groupe.d’éléments.de.formulaire.qui.sert.
à.collecter.des.informations.de.date..Ici,.il.serait.excessif.d’afficher.chaque.étiquette,.car.la.
date.de.naissance.se.trouverait.décomposée.en.trois.entités.séparées.au.lieu.d’être.appréhendée.comme.une.entité.unique..Quand.on.ne.veut.pas.afficher.les.étiquettes,.il.peut.malgré.
tout.être.utile.de.les.faire.figurer.dans.le.code.source.et.de.les.rendre.ainsi.disponibles.pour.
les.lecteurs.d’écran.
Pour.créer.cette.disposition,.vous.devez.d’abord.masquer.les.étiquettes."Mois.de.naissance".
(monthOfBirth). et. "Année. de. naissance". (yearOfBirth).. Si. vous. leur. attribuiez. la. valeur.
none.à.leur.propriété.display,.vous.les.empêcheriez.de.s’afficher,.mais.vous.empêcheriez.
aussi. les. lecteurs. d’écran. d’y. accéder..Au. lieu. de. cela,. vous. pouvez. les. positionner. hors.
écran.avec.un.retrait.de.texte.négatif.important..Dans.le.style.de.formulaire.générique.que.