Résumé de section

  • Nous avons vu que pour améliorer l'accessibilité des images, il est nécessaire de prendre en considération leur format (ayant une incidence sur la taille et la qualité), le rôle qu'elle joue au sein de la page pour leur attribuer ou non un texte alternatif pertinent. Toutefois d'autres points de vigilance sont à mentionner.

    2 minutes de lecture

    • Les problèmes de contraste de couleur

      Nous abordons ici un sujet qui est exploré en détail dans ce cours dédié : la question des couleurs. Il est crucial de veiller à ce que les images que vous utilisez présentent un contraste suffisant. Cela permet d'aider particulièrement les personnes atteintes de daltonisme à mieux discerner les éléments visuels.

      Prenons l'exemple du graphique ci-dessous. À première vue, trouvez-vous que les couleurs sont adéquates?

      Survolez l'image pour vérifier le rendu en nuances de gris.

      Graphique fictif comportant des couleurs non contrastées, visible au survol de la souris.


      Comme vous pouvez le constater, les couleurs bleu foncé et rouge ne se différencient quasiment plus une fois que l'on applique un filtre de nuance de gris. Suivant l'outil que vous utilisez pour construire votre ressource, vous pouvez avoir une aide à ce sujet. Par exemple, le logiciel PowerPoint offre la possibilité de vérifier le contraste des couleurs pour les arranger si besoin.

      Option de vérification des couleurs dans PowerPoint.

      Outils pour vérifier le contraste des couleurs

      De nombreux outils sur la toile permettent de vérifier les contrastes de couleur et vous proposent même des alternatives en cas de besoin. Nous pouvons citer entre autres Color Safe, tanaguru contrast finder ou encore le Contrast checker du site Coolors.

    • Le cas des images textuelles

      Dans la mesure du possible, évitez de présenter du texte important sous forme d'image. Préférez plutôt du texte réel, car il offre plusieurs avantages. Il est directement accessible aux lecteurs d'écran, peut être redimensionné par les utilisateurs, structuré correctement avec des titres et des paragraphes, et permet d'éviter les problèmes potentiels de lisibilité, tels que la qualité de l'image, la police d'écriture et le contraste de couleurs.

      Dans l'exemple ci-contre, il serait préférable de rédiger directement la citation. C'est assez simple lorsque la citation est courte. Cependant, si vous devez afficher une image contenant beaucoup de texte, il est recommandé de résumer le contenu dans un paragraphe adjacent à l'image.

      Il est essentiel de se rappeler que le texte sera toujours plus accessible qu'une image.

      Citation de Victor Hugo : "Je préfère l'avenir au passé, car c'est là que j'ai décidé de vivre le restant de mes jours."
      Nadar, Public domain, via Wikimedia Commons