Table des matières

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)

À 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.

 Ce texte est placé sous licence CC0

CC Attribution-Noncommercial-Share Alike 4.0 International Driven by DokuWiki
pratique/informatique/astuce_accessibilite.txt · Dernière modification : 13/11/2022 14:31 de Zatalyz