Bonjour
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.
oui c'est bien pour cela que sur une image de décoration il n'est pas
utile ;) et le role presentation est lui interdit cf
https://references.modernisation.gouv.fr/sites/default/files/RGAA3_RC2-1/note_technique.htm#nT1-2
Aurélien
*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
--
Aurélien Levy
----
Temesis
_______________________________________________
liste_gta mailing list
[email protected]
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
