Partager

Approfondir

Qualité Web le livre

Livre Qualité Web

Acheter

166 - Les symboles graphiques sont des images html et non des caractères Unicode.

Thématique
Phase Projet

Objectif

Permettre la restitution d'un contenu compréhensible lorsque des polices de caractères spécifiques ne sont pas disponibles pour le navigateur.

Permettre la restitution d'un contenu compréhensible par les aides techniques (lecteurs d'écran) lorsque le rendu standard d'un symbole graphique Unicode ne correspond pas à son sens particulier dans le contexte où il est employé.

Mise en œuvre

Utiliser des images HTML dotées d'alternatives textuelles appropriées pour tous les symboles graphiques dont le sens est implicite et dépend du contexte, tels qu'une flèche verticale signifiant un accroissement.

Contrôle

La vérification s'effectue en examinant visuellement les contenus affichés, puis le code correspondant. Pour chaque page contenant des symboles graphiques :

  • Identifier les symboles graphiques utilisés dans la page ;
  • S'assurer qu'ils sont porteurs d'une information implicite qui n'est pas disponible par un autre moyen dans le code source (qui peut être un tooltip associé au symbole) ;
  • Vérifier, dans le code source correspondant, s'il s'agit d'un symbole Unicode ou d'une image HTML (dotée alors d'une alternative textuelle appropriée, voir la bonne pratique 1), à l'aide de Firebug par exemple.

Il existe un grand nombre de possibilités de symboles, par exemple : des flèches (↗), des formes (▲), des symboles divers (☞). La bonne pratique ne s'applique que si le caractère est utilisé pour véhiculer une information implicite (attribuant une signification particulière à l'usage du symbole) dont la signification dépend du contexte et lorsque l'information n'est pas fournie par ailleurs sous une autre forme plus explicite. Par exemple, ↘ signifiant « valeur en baisse » à propos d'un cours boursier, ˃ pour « de telle date “à” telle date », R signifiant « Option activée », ☞ signalant une erreur ou une alerte, ⚓ indiquant des horaires de bateau ou encore ☂ signifiant « temps pluvieux ».

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