1154 sujets

Accessibilité du Web

Ces derniers mois se posait la question de l'accessibilité des data-icons, notamment ici

On va pas se mentir, meme si on essaye toujours de faire le plus accessible possible, quand on a pas une réponse claire et precise d'implementation ni de temps a passer a faire des tests, on aurait tendance a faire au mieux et a caller un aria-hidden true histoire de se donner bonne conscience.

Et bien on a plus d'excuses: Zack de Filament Group nous offre une solution a toute épreuve

Zack a écrit :
So, what now? Are icon fonts a lost cause?

Actually, no. Despite the hazards noted above, we can still use icon fonts! We just have to take a little bit more care than just plopping a @font-face block into the CSS and calling it a day.


Il fait la différenciation d'un fallback pour les icons dites décoratives et celles dites critiques (informatives dans le contexte).
Pour ces dernières, deux possibilités: un fallback en text ou en image.

Et il nous a même préparé un package avec tout le toutim sur github


Le seul dernier point qui me ferait tiquer, c'est que logiquement les icônes décoratives ne devraient pas avoir de output html et ne devraient être gérées (et générées) que via CSS.
Mais tant que certains navigateurs vocaux ignoreront speak: none, j'imagine que nous n'avons pas trop le choix.

PS: Si vous voulez, ou si c'est nécessaire, je peux prendre un peu de temps pour traduire l'article en français.
Modifié par Sugarskill (13 Jan 2014 - 22:20)