Effet de survol et lisibilité #AdvisoryTechnique

Commenter

Publié le 30 septembre 2014 par Johan Ramon

Using a hover effect to highlight a paragraph, list items, or table cells

Ici, il est proposé de mettre visuellement en avant des paragraphes (<p>), éléments de liste (<li>) ou cellules de tableau (<td>) lorsqu’ils sont survolés.

Cela peut par exemple être l’occasion de proposer des contrastes accentués pour améliorer le confort de consultation.

Cette pratique se rencontre assez fréquemment sur des tableaux de données : le survol d’une ligne la met en surbrillance.

Selon la mise en forme du tableau (absence de bordure entre les lignes), cette pratique peut s’avérer un vrai plus pour les personnes malvoyantes utilisant une loupe d’écran : en se déplaçant latéralement dans le tableau, grâce à la mise en surbrillance visuelle de la ligne (<tr>) en cours de lecture, ces personnes ne risquent pas de changer de ligne.

Ce billet fait partie d’une série de billets sur les « Advisory Techniques » (WCAG).

Ajouter un commentaire

Les champs avec astérisque (*) sont obligatoires.

Haut de page