À propos d'ARIA, il s'agirait plutôt d'utiliser aria-live dans le cas de
figure que j'ai évoqué.
Du coup, je viens de penser à une troisième piste, où le duo ARIA
labelledby / describedby est plus pertinent : insérer des paragraphes
d'explication en dehors du select, à l'instar de cette démonstration
<http://qelios.net/demo_aria/formulaire.php>.
Victor
Victor Brito Intégrateur XHTML / CSS -- Expert Accessiweb en évaluation
39 rue Charles Laffitte 92200 Neuilly-sur-Seine Tél. : +33 6 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 16/05/13 10:27, Victor Brito a écrit :
Bonjour, vous deux, bonjour, la liste,
La solution côté serveur proposée est un peu « lourde ». Quant à
l'alternative réfugiée dans un élément noscript, si l'idée est
intéressante, elle fait, en revanche, l'impasse sur le cas de figure
où JavaScript est activé, mais non correctement chargé ou exécuté (en
effet, le contenu de l'élément noscript n'est restitué que si
JavaScript est complètement désactivé).
Pour ma part, je vois deux pistes suivantes :
* afficher toutes les informations d'explication pour tous les
motifs dans l'élément label associé à l'élément select en question
(je suppose qu'on part d'un élément select), mais bonjour le pavé ;
* remplacer la structure select par autant de boutons radio (ou de
cases à cocher en cas de choix multiple) que de motifs possibles,
auquel cas chaque élément label associé affichera le motif et la
seule information d'explication qui convienne (auquel cas le
développeur front-end, si le coeur lui en dit, pourra, en
JavaScript, manipuler le DOM pour remplacer la succession de
boutons radio / cases à cocher par un select, avec affichage
dynamique dans le label de l'information explicative, auquel cas
il ne faudra pas oublier ARIA et le duo labelledby / describedby
afin que nul n'ignore le changement d'explication).
Victor
Victor Brito Intégrateur XHTML / CSS -- Expert Accessiweb en évaluation
39 rue Charles Laffitte 92200 Neuilly-sur-Seine Tél. : +33 6 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 16/05/13 10:16, Valerie a écrit :
Merci Raphaël, les deux solutions me conviennent. Je vois avec ma
cliente.
Valérie
Le 14 mai 2013 10:33, Raphaël Franchet
<raphael.franc...@anyware-services.com
<mailto:raphael.franc...@anyware-services.com>> a écrit :
Bonjour,
Tu pourrais au choix :
* repasser par le serveur (via un bouton de validation "mettre à
jour" à coté de la liste déroulante - bouton que tu fais
disparaitre en javascript)
* mettre toutes les instructions textuelles en <noscript> du
genre : Si vous choisissez A : blabla, si vous choisissez B :
blabla... : là où le JS ne fait apparaitre que les instructions
intéressantes. La variante de cette solution est de proposer un
lien en <noscript> vers une page d'aide
Cdt,
Raphael Franchet
Le 14/05/2013 10:28, Valerie a écrit :
Bonjour la Liste,
Voici une spécification client que je souhaite rendre
accessible, je fais donc appel à vos compétences de développeurs
accessibilité, car je bloque un peu là-dessus.
Dans un formulaire de contact, quand un client sélectionne un
motif de contact, nous souhaitons afficher un texte explicatif
des démarches administratives avant le champ message.
Je vois très bien cela en js, mais en cas de js désactivé, je ne
vois pas comment lier et afficher le champ Votre demande et le
texte associé et masquer/démasquer l'information.
Avez-vous déjà eu ce cas ?
Ou si vous voyez un autre moyen d'affichage accessible (pop-up,
fenêtre modale, liste de choix différente pour lier les
infos...), je suis preneuse.
Si vous avez des sites en exemple également qui ont cette
possibilité...
Merci de votre aide,
Valérie Cichowski
_______________________________________________
liste_gta mailing list
liste_gta@list.accessiweb.org <mailto:liste_gta@list.accessiweb.org>
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
_______________________________________________
liste_gta mailing list
liste_gta@list.accessiweb.org <mailto:liste_gta@list.accessiweb.org>
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
_______________________________________________
liste_gta mailing list
liste_gta@list.accessiweb.org
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
_______________________________________________
liste_gta mailing list
liste_gta@list.accessiweb.org
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
_______________________________________________
liste_gta mailing list
liste_gta@list.accessiweb.org
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org