Accessibilité
OK, c'est bon, j'ai utilisé une ruse de sioux : je me sert de l'attribut class des liens pour porter le texte à afficher et non plus du title qui devait être effacé et remis à chaque événement clavier/souris (pour que la pop-up n'apparaisse pas), tandis que c'est inutile avec la classe. C'est pas très orthodoxe, mais ça marche...
J'ai donné également une classe aux images et ai donc rajouté une bordure. Je ne sais pas si ça règle le problème de contraste mais ça rend les icônes plus visibles.
J'en ai profité pour ajouter le lien vers la version imprimable à côté de celui pour imprimer.
Hello. Désolé de répondre aussi tard. J'ai testé avec le lecteur d'écran Open-source NVDA (lien de téléchargement), et Color Contrast Analyser (lien de téléchargement) qui est gratuit. Je t'invite à les tester également.
J'ai regardé le script et ses alternatives textuelles sur les images, elles sont parfaites. NVDA a restitué correctement ces alternatives, comme prévu. Les boutons sont accessibles au clavier, c'est tout bon. :-)
Concernant le contraste entre les icônes et le fond, il est largement insuffisant. Et la version proposée par Admin ne change pas grand-chose. Le cadre gris n'est pas non plus beaucoup plus foncé, et ne change pas significativement la visibilité des icônes. Mais de manière générale, le cadre ne peut compenser le manque de visibilité des icônes : l'utilisateur ayant une déficience visuelle ne verrait alors que le cadre, mais pas ce qui est à l'intérieur. Il devinera qu'il y a probablement quelque chose à faire avec cette suite de carrés, mais sera contraint à procéder par tâtonnements. Rien ne remplacera efficacement des icônes plus foncées.
Voilà, l'essentiel est là. :-) Bonne continuation ! Rodan