Encore l'<img>less - Me suis-je mal exprimée ou bien j'ai mal

Bonjour,

En me promenant sur le forum des développeurs de phpBB, j'ai vu quelqu'un proposer les sprites CSS pour les boutons pour améliorer les perfs. Je suis donc intervenue en signalant les problèmes d'accessibilité des images en background CSS. Mais avec la tournure que ça a pris, je me demande si c'est moi qui m'exprime mal ou bien si c'est moi qui a mal compris, car l'impression que j'ai actuellement, c'est qu'on cherche à justifier à tout prix les backgrounds CSS même pour les images porteuses de contenu, et ce malgré le cas du mec malvoyant que j'ai exposé, ainsi que les liens venant de blogs d'accessibilité.

Je me pose donc cette question, car bien qu'étant bilingue (surtout à l'écrit), certaines subtilités peuvent m'échapper.

Voici le fil en question, à partir de mon premier post : http://area51.phpbb.com/phpBB/viewtopic.php?p=226011#p226011

1. Tu peux très bien faire des sprites dans une balise img et SANS utiliser de background CSS.

2. La seule fois où j'en ai parlé sur ce forum j'ai eu droit à beaucoup de : c'est mal faut pas le faire. Sans aucune autre forme d'explication (malgré que j'ai demandé à plusieurs reprises le pourquoi du comment). Donc y'a sûrement un spécialiste mondialement reconnu qui a un jour décrété que c'était mal pour l’accessibilité mais je sais toujours pas pourquoi.
Modifié par jb_gfx (15 Jun 2011 - 21:50)

Perso, la seule façon que je connais pour faire des rollover avec la balise <img />, c'est avec du JS avec les événements onmouseover et onmouseout. Donc s'il y a une autre méthode, je ne la connais pas.

Bonjour,

IshimaruChiaki, le sujet est compliqué à aborder face à des personnes non sensibilisées et / ou ayant uniquement un regard technique fonctionnel.

jb_gfx a écrit :
La seule fois où j'en ai parlé sur ce forum j'ai eu droit à beaucoup de : c'est mal faut pas le faire. Sans aucune autre forme d'explication (malgré que j'ai demandé à plusieurs reprises le pourquoi du comment). Donc y'a sûrement un spécialiste mondialement reconnu qui a un jour décrété que c'était mal pour l’accessibilité mais je sais toujours pas pourquoi.

Je me rappelle avoir participé à ce fil ; les explications n'étaient pas absentes loin de là.
Pour aller plus loin : voir les critères 10.2 et 10.3 du référentiel AccessiWeb. Tu pourras y trouver des liens vers les différents documents établis par la W3C WAI.

IshimaruChiaki a écrit :
Perso, la seule façon que je connais pour faire des rollover avec la balise <img />, c'est avec du JS avec les événements onmouseover et onmouseout. Donc s'il y a une autre méthode, je ne la connais pas.

C'est la bonne méthode .
Modifié par yodaswii (16 Jun 2011 - 15:03)

yodaswii a écrit :

Je me rappelle avoir participé à ce fil ; les explications n'étaient pas absentes loin de là.
Pour aller plus loin : voir les critères 10.2 et 10.3 du référentiel AccessiWeb. Tu pourras y trouver des liens vers les différents documents établis par la W3C WAI.

Oui j'ai déjà lu ça et je vois toujours pas le problème avec ma méthode. Si je prend l'exemple du bouton "Editer" de ce forum, si tu fais un sprite présentant les 2 états du bouton et que tu désactives les CSS tu te retrouves avec une image qui affiche les 2 états mais l'information est toujours accessible et on voit quand même très bien à quoi sert le bouton.
Modifié par jb_gfx (16 Jun 2011 - 15:43)

Mais as-tu déja essayé de désactiver les images SANS désactiver les styles ?

Dans ce cas tu as le contenu du alt.

@IshimaruChiaki : jb_gfx parle d'utiliser un élément img couplé à certains mécanismes CSS donc la désactivation des images n'est pas pertinente pour illustrer son interrogation (par contre elle l'est dans ton contexte background CSS).

En reprenant ton exemple, pourquoi en désactivant les CSS (ou en utilisant une CSS pour mes propres besoins), je vois deux boutons "Éditer" ? L'accessibilité c'est 4 principes dont notamment des contenus utilisables et compréhensibles. Ce genre de magouilles CSS flingue les deux principes évoqués.

Dans l'exemple de ton bouton "éditer", la problématique est assez limitée mais elle reste présente. Imagine maintenant une image contenant 50 pictogrammes et autres fantaisies intégrée avec ta méthode. Suis-je en mesure de comprendre la chose sans CSS ? Et bien non !

Alors oui, une alternative textuelle c'est top. Mais l'accessibilité ça va bien plus loin que la "simple" problématique des utilisateurs déficients visuels.
Modifié par yodaswii (17 Jun 2011 - 15:13)