Images et icônes

Les images ne se gèrent pas de la même manière en accessibilité numérique selon qu'elles sont illustratives, décoratives ou informatives. Il en va de même pour les polices d'icônes ou font symbolique.

Implémenter les images

L'accessibilité numérique des images sera traitée différemment selon qu'il s'agit d'images décoratives, informatives ou illustratives.

Optimiser les images

Optimiser la taille d'une image et son poids permet d'améliorer son chargement et d'offrir une meilleure performance à son site web. Les dimensions, la taille et le nommage des images permettent aussi d'améliorer leur référencement (SEO) dans les moteurs de recherche.

Images IMG

Implémentation des images <img> selon qu'elles sont décoratives, informatives ou illustratives.

Images SVG

Implémentation des images <svg> selon qu'elles sont décoratives, informatives ou illustratives.

Images légendées (FIGURE)

Le HTML5 a introduit un nouvel élément <figure> pour insérer une image avec une légende.

Icônes, symboles, émojis

Les polices symboliques et les caractères unicode sont parfois utilisées pour afficher une icône, un symbole ; l'usage le plus connu étant le symbole de maison pour représenter la page d'accueil du site.

Quiz récap'

Quiz récap' sur les images.