Salut Aurélien, En attendant de faire un retour plus complet sur tes remarques, juste un retour rapide : En ce qui concerne le SVG, le role img n’empêche pas la restitution du alt, par contre, le role presentation l’empêche, au moins dans les cas que j’ai testé (NVDA +Firefox et VoiceOver/Safari sur OSX). L’absence de ce role img empêche justement certains navigateurs d’exposer l’alternative.
Cordialement, NICOLAS CHARDON ARCHITECTE IHM VSC Technologies 2 place de la Défense – CNIT 1 – BP 440 – 92053 Paris La Défense Cedex TÉL. : +33 (0)1 58 13 73 22 (73 22) - [email protected]<mailto:[email protected]> STANDARD : +33 (0)1 74 54 13 00 Voyages-sncf.com, 23 sites couvrant plus de 30 pays. [cid:[email protected]] [V.png]<http://mobile.voyages-sncf.com/> Téléchargez notre application mobile<http://mobile.voyages-sncf.com/> [twitter.jpg]<https://twitter.com/Voyagessncf_com> Suivez-nous sur Twitter<https://twitter.com/Voyagessncf_com> [Facebook.png]<https://fr-fr.facebook.com/VoyagesSncf.com> Rejoignez-nous sur Facebook<https://fr-fr.facebook.com/VoyagesSncf.com> [GooglePlus-512-Red.png]<https://plus.google.com/+voyagessncf/posts> Rejoignez-nous sur Google +<https://plus.google.com/+voyagessncf/posts> De : liste_gta [mailto:[email protected]] De la part de Aurélien Levy Envoyé : mercredi 6 mai 2015 15:28 À : [email protected] Objet : [Liste GTA] bugs thématique image décoratives et porteuses d'informations RGAA3 Bonjour, Suite à ma relecture attentive du RGAA3 j'ai remarqué plusieurs bugs sur la thématique image mais j'ai peut être mal compris quelque chose. Pour le 1.2 Il manque un test sur les images embarquées décoratives via balise embed tests 1.2.1 , 1.2.2 : - les balises img et area peuvent être porteuses d'attribut aria-label, aria-describedby, aria-labelledby il faut demander que ce ne soit pas le cas tests 1.2.3 , 1.2.5 : - les balises object et canvas peuvent être porteuses d'attribut title, aria-label, aria-describedby, aria-labelledby il faut demander que ce ne soit pas le cas test 1.2.4 : - un élément svg pouvant potentiellement contenir du texte décoratif élément <text>, il faut exiger un aria-hidden="true" sur l'élément svg ou le <text> en question pour éviter qu'il ne soit restitué - le test ne devrait pas demander d'avoir un role="img" sur ces éléments décoratifs puisque cela risque générer un restitution type "graphic" par les lecteurs d'écran alors que l'élément est décoratif et qu'il est donc préférable qu'il soit totalement ignoré comme pour une image avec alt="". - il manque l'attribut title dans la liste des attributs à ne pas utiliser sur l'élément <svg> - il manque l'indication "sans légende" dans l'intitulé comme pour les autres intitulés de tests test 1.2.5 : - la balise canvas peut être porteuse d'attribut title, aria-label, aria-describedby, aria-labelledby il faut demander que ce ne soit pas le cas - il manque l'indication "sans légende" dans l'intitulé comme pour les autres intitulés de tests Pour le 1.3 le problème est que le critère 1.1 (à juste titre) ne vérifie pas la présence d'alternative aux images object, embed, svg et canvas et que par conséquent les tests du critère 1.3 sur ces éléments doivent tester présence ET pertinence ce qui est fait correctement sur embed et object mais pas sur svg et canvas test 1.3.1, 1.3.2 - les balises img et area peuvent être porteuses d'attribut aria-label, aria-labelledby il faut demander que ce ne soit pas le cas ou que si c'est le cas que ce soit identique au contenu du alt test 1.3.3 : - la balise input type image peut être porteuse d'attribut title, aria-label, aria-labelledby il faut demander que ce ne soit pas le cas ou que si c'est le cas que ce soit identique au contenu du alt test 1.3.6 - le test ne concernent que les svg "possédant une alternative" donc un svg porteur d'information sans alternative sera donc non applicable pour ce test ce qui n'est pas correct pour l'utilisateur et qui n'est invalidé par aucun autre critère. Il faut donc supprimer "possédant une alternative textuelle" de l'intitulé. - le test demande de vérifier "une des conditions" hors le simple ajout de role="img" ne devrait pas rendre le test conforme la présence du rôle img doit être mis dans chacunes des autres conditions - rien n'empêche d'utiliser à la fois aria-label, l'attribut title et <desc> (et éventuellement aria-labelledby), les trois devraient être identiques ou alors il faut interdire l'usage simultané de aria-label et <desc> et mettre cette précision dans le glossaire via "image vectorielle porteuse d'information" - il peut tout à fait être mis disposition une alternative via un mécanisme de remplacement La formulation deviendrait donc : • Test 1.3.6 : Chaque image vectorielle porteuse d'information (balise svg) vérifie-t-elle une seule de ces conditions (hors cas particuliers<https://references.modernisation.gouv.fr/sites/default/files/RGAA3_RC2-1/cas_particulier.htm#cpCrit1-3>) ? * La balise svg possède un attribut role="img" et un attribut aria-label dont le contenu est pertinent * La balise svg possède un attribut role="img" et contient une balise desc dont le contenu est pertinent * Un lien adjacent permet d'accéder à une alternative dont le contenu est pertinent * Un mécanisme permet à l'utilisateur de remplacer l'image vectorielle par un texte alternatif pertinent * Un mécanisme permet à l'utilisateur de remplacer l'image vectorielle par une image possédant une alternative pertinente. test 1.3.9 - le test ne concernent que les canvas "possédant une alternative" donc un canvas porteur d'information sans alternative sera donc non applicable pour ce test ce qui n'est pas correct pour l'utilisateur et qui n'est invalidé par aucun autre critère. Il faut donc supprimer "possédant une alternative textuelle" de l'intitulé. - en plus de contenu à l'intérieur du canvas, la balise canvas peut être porteuse d'attribut title, aria-label, aria-labelledby si c'est le cas le contenu doit être identique au contenu du canvas. Cela peut éventuellement être préciser via le glossaire sur "image bitmap porteuse d'information - il peut tout à fait être mis disposition une alternative via un lien adjacent ou un mécanisme de remplacement La formulation deviendrait donc : Test 1.3.9 : Chaque image bitmap (balise canvas) porteuse d'information, vérifie-t-elle une de ces conditions ? * une alternative pertinente est contenu entre <canvas> et </canvas * L'image bitmap est immédiatement suivie d'un lien adjacent permettant d'afficher une page ou un passage de texte contenant une alternative pertinente. * Un mécanisme permet à l'utilisateur de remplacer l'image bitmap par un texte alternatif pertinent * Un mécanisme permet à l'utilisateur de remplacer l'image bitmap par une image possédant une alternative pertinente. Je suis preneur de votre avis sur tout cela. -- Aurélien Levy ---- Temesis
_______________________________________________ liste_gta mailing list [email protected] http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
