1. Accueil
  2. Opquast V3
  3. 19 - Un contenu qui doit être restitué dans …

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

Objectif

Permettre une restitution correcte des contenus masqués qui doivent être lus par les lecteurs d’écran.

Solution technique

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.
Moyen de controle

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.

Crée le
23 juin 2014

Testez et faites reconnaître vos compétences

Logo Opquast Certfied

Opquast Certified est un test sur 1000 points permettant de vérifier le degré de maîtrise des meilleures pratiques du Web

Découvrir

Retrouvez cette fiche dans « Qualité Web »

Livre Qualité Web

En savoir +

Version numérique offerte pour l’achat de la version papier