Bonjour, en fait les roles et propriétés ARIA sont là pour remplacer les propriétés natives d'un élément HTML lorsque celui-ci n'en dispose pas. Ex: mettre un rôle button à un span le fait passer aux "yeux" des API d'accessibilité pour un bouton... tout en restant un span visuellement, tant qu'on ne le style pas spécifiquement, et sans pour autant pour proposer la gestion clavier inhérente à un bouton dans le navigateur. Tout cela reste à construire via du code JS et/ou CSS. Dans ton cas, les role="checkbox" et propriété aria-checked sont redondants avec les propriétés natives de l'élément <input type="checkbox">. Donc ils ne servent à rien, concrètement, hormis à poser les bases de problèmes en cas de manipulation ultérieure... Donc, le code peut se contenter d'être: <input id="modlgn-remember" type="checkbox" value="yes" name="remember"/> <label for="modlgn-remember">Se souvenir de moi</label>
On bidouille avec ARIA uniquement pour (je suppose) contourner les limitations de stylage des checkbox natives (ah, ces maquettes faites sous Mac et qui font que le client est déçu de voir des cases à cocher moins jolies sous Win...). A mon avis c'est rarement une bonne idée vu le supplément de travail et la moindre robustesse (compatibilité des browsers/At etc). Note: pourquoi un <label> autour? Cordialement, [image: --] Olivier Nourry [image: http://]about.me/oliviernourry <http://about.me/oliviernourry> Le 25 février 2015 09:56, Ariane Andurand <ariane.c...@gmail.com> a écrit : > Bonjour la liste, > > Avec mes collègues nous tentons de mettre en oeuvre une adaptation d'un > *Template > Joomla! Accessible *qui pourra être disponible prochainement sur un Git. > > Nous sommes confrontés chaque jour à de nouvelles problématiques pour nous > mais qui ne le sont peut être pas pour la plupart d'entre vous. Nous > faisons donc appel à vos connaissances aujourd'hui. > > *Round1: La checkbox ...* > Nous avons trouvé une multitude d'exemples qui retravaillent la checkbox > avec des ul, li, et images + modification au clic de l'aria-checked="" > (ex : http://test.cita.uiuc.edu/aria/checkbox/checkbox1.php ) > > La question est la suivante : > *Une checkbox standard de ce type (ci-dessous) avec une modification de > l'aria-checked="" en JS est elle aussi accessible que le précédent exemple > ?* > > <label> > <input id="modlgn-remember" type="checkbox" value="yes" name="remember" > role="checkbox" aria-checked="false" > > <label for="modlgn-remember">Se souvenir de moi</label> > </label> > > Merci / > > Bonne journée ... et que la grippe vous épargne ! > > Ariane > > > _______________________________________________ > 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
