Partager

Approfondir

Qualité Web le livre

Livre Qualité Web

Acheter

19 - Un contenu qui doit être restitué dans un lecteur d'écran ne lui est pas dissimulé.

Thématique
Phase Projet

Objectif
  • Permettre une restitution correcte des contenus masqués qui doivent être lus par les lecteurs d’écran.
Mise en œuvre

Sauf si le contenu concerné est destiné à être rendu visible et perceptible sur action de l’utilisateur (onglets, menus déroulants, etc.) :

  • Ne pas utiliser les propriétés display et visibility pour masquer le contenu.
  • Ne pas utiliser l’attribut HTML hidden pour masquer le contenu.
  • Ne pas donner au contenu un attribut ARIA aria-hidden="true".
  • Ne pas utiliser le paramètre wmode d’un objet Flash avec les valeurs transparent ou opaque.

Utiliser :
  • les propriétés CSS permettant de positionner le contenu en dehors de la zone d’affichage du navigateur (position, text- indent) ou de le rogner (clip) ;
  • les propriétés ARIA permettant d’associer un libellé à un contenu (aria-label, aria-labelledby, aria-describedby) ;
  • ou, dans le cas d’une étiquette de champ de formulaire, l’attribut title de celui-ci.
Contrôle

Dans le code généré et dans les feuilles de styles CSS des pages examinées :

  • Détecter, à l’aide d’un inspecteur de code, des contenus qui seraient masqués à l’affichage (en dehors de ceux destinés à être rendus visibles sur action de l’utilisateur).
  • Vérifier qu’aucun de ces contenus n’utilise les techniques indiquées dans la mise en œuvre s’ils sont destinés à être restitués dans un lecteur d’écran.

Découvrez la certification Opquast

Rejoignez la communauté des certifiés Opquast. Plus de 5000 professionnels formés à la qualité Web. Au programme une formation en ligne de 14h, un examen de 1h30, un badge et un score à mettre sur votre cv et votre profil linkedin.

Commander en ligne