Picto thématique

Règle n° 184 - Les pictogrammes typographiques sont dotés d'une alternative appropriée.

Le recours aux web fonts (polices de caractères téléchargeables) a considérablement facilité le recours à une astuce technique très appréciée du point de vue des performances : remplacer les images de diverses icônes par un caractère UTF-8 graphique obtenu grâce à une police spécifique. Ceci comporte cependant des risques importants, notamment en matière d’accessibilité, si vous ne veillez pas à ménager une alternative textuelle à ce caractère détourné de son sens par défaut.

#Accessibilité #Développement #Présentation #SEO

Objectif

  • Améliorer l’accessibilité des contenus aux personnes handicapées.
  • Améliorer la prise en compte des contenus par les moteurs de recherche et outils d’indexation.

Mise en œuvre

Fournir un contenu masqué à l’affichage via CSS pour chaque information portée par le recours à une police de caractères spécifique.

Contrôle

Examiner directement le code pour vérifier que chaque icône affichée via une police de caractères est dotée d’une alternative dans le contenu HTML.

Auteur Opquast - Consulter la licence


Découvrez la certification Opquast

  • Une formation et une certification 100% en ligne
  • 14 heures en ligne en autonomie, disponible 24h/24, 7j/7
  • guide de 200 pages, des quiz, un glossaire, des examens blancs, des articles des videos
  • Pour tous les professionnels du Web : marketing, commerciaux, UX, chefs de projet, designers, développeurs, ingénieurs informatiques.
  • Une approche multidisciplinaire : SEO, accessibilité, sécurité, écoconception… pour tous les professionnels, débutants comme confirmés.

Module de sensibilisation
Inscription gratuite