====== Astuce d'accessibilité ====== Quelques petits trucs pour ne pas les oublier. * Il y aurait un élément css pour changer la voix à utiliser par les lecteurs d'écran ? Peut être intéressant pour lire des dialogues, mais bon, on est un peu dans le gadget dans ce que je vois comme application, pas très simple à utiliser. * Il y a les préférences de couleurs avec les media queries (besoin de contrastes élevés, mode sombre ou clair) ===== Menu ===== À un moment je saurais comment faire. En attendant, si un élément est dépliable, on doit pouvoir le refermer avec echap. ===== Aria ===== Aria en dernier recours. Après html (la base), après css, après JS. Parfois quelques éléments ne sont possibles que avec Aria, comme indiquer qu'on a des onglets. Par ailleurs "aria-label" écrase le contenu, donc ben... uniquement s'il n'y a pas de contenu. ===== Images ===== Dans le cas des images facultatives (illustrations pour faire joli, icônes qui ont aussi un texte et elles doivent l'avoir), on peut faire ''alt=""'' (alt renseigné mais vide) ; ainsi les lecteurs d'écran ne lisent pas le truc et savent que ça ne sert à rien. À éviter si l'image a du sens. Visualiser la page sans image pour être sûr ! À préférer à l'usage de ''aria-hidden="true"'' qui peut avoir des effets de bord. {{tag>web css html js accessibilité}} [[https://creativecommons.org/publicdomain/zero/1.0/deed.fr|{{ https://liev.re/imagesweb/licences/cc-zero.png?100 | Ce texte est placé sous licence CC0}}]]