Quid d'un élément label (dans un cas autre que celui des cases à cocher et boutons radio) disposé en display: block, juste au-dessus du champ associé ? Je pense notamment au cas de l'adaptation aux petits écrans et smartphones.

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:23, Romain Gervois a écrit :
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] <mailto:[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]
    <mailto:[email protected]>] *De la part de*
    Victor Brito
    *Envoyé :* mardi 29 janvier 2013 11:11
    *À :* [email protected]
    <mailto:[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 noeud 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 BritoIntégrateur XHTML / CSS -- Expert Accessiweb en
      évaluation

    39 rue Charles Laffitte92200 Neuilly-sur-Seine Tél. : 06 03 15 89
    57 <tel:06%2003%2015%2089%2057>

    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 oeuvre
        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 oeuvre 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]  <mailto:[email protected]>

        
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org


    _______________________________________________
    liste_gta mailing list
    [email protected] <mailto:[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

Répondre à