Pour compléter ma réponse, la technique WCAG G162 indique que : - pour une checkbox ou un bouton radio, l'étiquette doit se trouver immédiatement après (visuellement) ; - pour les autres éléments, l'étiquette doit se trouver immédiatement avant (visuellement).
Romain Le 29 janvier 2013 11:17, CHUZEVILLE Hervé <[email protected]> a écrit : > Bonjour Victor,**** > > ** ** > > Je mérite sûrement un petit recyclage, mais dans ma formation EAE > initiale, le critère "accolé" s'appliquait aussi à l'affichage, ceci dans > le but de ne pas gêner les utilisateurs de loupe d'écran notamment…**** > > ** ** > > *Hervé CHUZEVILLE, pilote des projets Web et Intranet*, expert ISO 40500* > * > Agence de l’eau Rhône Méditerranée Corse – Direction des Systèmes > d'Information**** > > ** ** > > *De :* liste_gta [mailto:[email protected]] *De la > part de* Victor Brito > *Envoyé :* mardi 29 janvier 2013 11:11 > *À :* [email protected] > *Objet :* Re: [Liste GTA] formulaires : étiquette et champ "accolés" > (critère AW 11.4)**** > > ** ** > > Bonjour, Hervé, bonjour, la liste,**** > > Par « accolés », j'entends accolés dans le code source, c'est-à-dire > qu'aucun nœud du DOM étranger ne vienne s'intercaler entre l'élément label > et l'élément input / select / textarea associé. Il ne s'agit pas d'accolage > visuel. Autrement dit, si l'on applique à l'élément label la déclaration > CSS display: block, ce ne sera pas pour un motif d'invalidation du critère > 11.4.**** > > Victor**** > Victor Brito Intégrateur XHTML / CSS – Expert Accessiweb en évaluation * > *** > > 39 rue Charles Laffitte 92200 Neuilly-sur-Seine Tél. : 06 03 15 89 57 **** > > SIRET : 789 766 334 00013**** > > Consulter le site Web professionnel de Victor > Brito<http://www.victor-brito.fr> > **** > *Sur les réseaux sociaux* > > **· **Suivre Victor Brito sur > Identi.ca<http://identi.ca/victorbritopro> > **** > > **· **Suivre Victor Brito sur > Twitter<http://twitter.com/victorbritopro> > **** > > **· **Suivre Victor Brito sur > FriendFeed<http://friendfeed.com/victorbritopro> > **** > > **· **Suivre Victor Brito sur > Diaspora<https://joindiaspora.com/u/victorbritopro> > **** > *Sans oublier* > > **· **La fiche de membre du Groupe de Travail > Accessiweb<http://www.accessiweb.org/index.php/fiche_gta/items/site_victor_brito.html> > **** > > **· **Halte à la balkanisation du Web > !<http://halte-a-la-balkanisation-du-web.fr> > **** > > **· **Un seul Web <http://un-seul-web.fr>**** > > **· **Profession intégrateur (X)HTML / > CSS<http://profession-integrateur-xhtml-css.fr> > **** > > Le 29/01/13 11:04, CHUZEVILLE Hervé a écrit :**** > > Bonjour,**** > > **** > > Le critère AccessiWeb 11.4 demande que "Dans chaque formulaire, chaque > étiquette de champ et son champ associé [soient] accolés". **** > > **** > > Il n'y a pas de précision sur la définition de "accolé" dans le glossaire > actuel. **** > > **** > > En revanche, en formation EAE en 2007 et dans le (feu-) Guide AccessiWeb > version 1.3, il était précisé que "L'intitulé des champs de formulaire > (champ de saisie, menu déroulant/liste, boutons radios), doit être adjacent > à ceux-ci. Il est recommandé de mettre au maximum *2 espaces* entre > l'intitulé et le champ." (cf : > http://www.braillenet.org/accessibilite/AccessiWeb_CMS_10/guide_accessiweb/guide-accessiweb-fiche-11-3.html > ).**** > > **** > > J'ai donc demandé à mon développeur d'aligner les textes des étiquettes à > droite contre les champs.**** > > **** > > Mais celui-ci me fait remarquer que ce n'est pas forcément esthétique et > peu habituel sur les sites.**** > > **** > > De plus sur le site AccessiWeb.org, ce n'est pas mis en œuvre de la sorte. > Exemple : le formulaire de demande d'inscription en bas de la page > http://www.accessiweb.org/index.php/Formations.html. **** > > **** > > Je souhaitais donc avoir votre avis sur la mise en œuvre de ce critère > 11.4.**** > > **** > > Merci d'avance.**** > > **** > > *Hervé CHUZEVILLE, pilote des projets Web et Intranet > *Agence de l’eau Rhône Méditerranée Corse – Direction des Systèmes > d'Information**** > > **** > > > > > **** > > _______________________________________________**** > > liste_gta mailing list**** > > [email protected]**** > > http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org**** > > ** ** > > _______________________________________________ > liste_gta mailing list > [email protected] > http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org > >
_______________________________________________ liste_gta mailing list [email protected] http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
