Bonjour Cyril, dans AccessiWeb, cette pratique était évaluée non conforme, via le critère 10.2, qui vérifiait que la suppression des images de fond ne supprimait pas d’information. Lors des débats préparatoires à l’écriture du RGAA 3.0, ce test a été supprimé pour les raisons suivantes: WCAG 2 l’autorise une grande quantité de frameworks et de CSS ont recours à cette pratique, ce qui rendrait problématique l’application de cette exigence, en particulier pour les fontes-icones. Il a donc été décidé, tant au niveau de la consultation du GTA, que d’un groupe d’experts consultés par la DINSIC (ex-DISIC), de lever cette contrainte.
Donc pour répondre à ta question: c’est conforme, avec les inconvénients que tu mentionnes. On peut atténuer en plaçant un attribut title sur le bouton, avec un contenu identique, mais ça ne s’affichera pas à la prise de focus clavier (sauf si on a prévu un script pour ça). En revanche, en utilisant une image IMG avec un attribut alt approprié, on n’a plus besoin du texte caché, et le alt est affiché si l’image n’est pas disponible. J’espère avoir répondu à ta demande. Olivier Nourry Access First > Le 19 oct. 2017 à 13:37, Cyril Lamotte <[email protected]> a écrit : > > Bonjour ! > > Sur le balisage ci-dessous : Je n'arrive pas définir si cette implémentation > est correcte : > > <button type="button" class="mafonction"><span class="sr-only">Ma > fonction</span></button> > > - Visuellement, une icone simple est visible (via CSS) > - Le span est "hors-ecran", il est donc lisible par les TA. > > > En cas de d'erreur réseau, ou pendant le chargement (l'image de fond n'est > > pas -encore- téléchargée), il n'y a visuellement plus rien dans le bouton. > > L'implémentation est-elle correcte tout de même à votre avis ? ou > l'invalideriez-vous (pour quel critère ?) > > Merci ! > > -- > Cyril > _______________________________________________ > 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
