Merci Olivier pour cette réponse rapide et complète ! ... et surtout merci de nous avoir alerté sur notre erreur de <label> hérité du code de base de Joomla! que nous avions oublié de remplacer par un <div>.
Le 25 février 2015 10:05, Olivier Nourry <[email protected]> a écrit : > 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 <[email protected]> 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 >> [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
