Travailler avec des images dans Drupal

Sur la plateforme Drupal de l'Université d'Ottawa, il existe trois façons d'ajouter des images à votre site Web. Les articles suivants les abordent plus en détail :

  1. Comment insérer images directement dans l'éditeur de texte (WYSIWYG).
  2. Comment ajouter des images au moyen du bouton Image Primaire.
  3. Comment téléverser des images et d'autres fichiers directement à la bibliothèque de fichiers.

Accessibilité de base pour les images sur le Web

Lorsque vous ajoutez des images à votre site, vous devez vous assurer qu'ils sont accessibles aux personnes ayant différents types d'incapacités et d'handicaps. À titre d'exemple, certains utilisateurs ont de la difficulté à percevoir des couleurs et des contrastes particuliers, donc l'ajout de texte coloré à l'image même peut devenir un obstacle. D'autres personnes utiliseront des technologies d'assistance, donc il est fondamental de fournir un texte alternatif (ou texte de remplacement) et d'assurer sa pertinence.

Principales directives sur l'accessibilité à suivre

  • Contenu de l'image
    • Une image ne devrait jamais contenir de texte. C’est une très mauvaise pratique de rédaction Web.
  • Texte alternatif ou texte de remplacement (ALT text)
    • Toutes les images doivent avoir une balise « alt ».
      • Images simples et informatives : Si l’image communique de l’information qui aide à comprendre le message, vous devez fournir un texte alternatif qui véhicule cette information.
      • Images décoratives : En raison des limites actuelles, vous devez fournir un texte alternatif même si l’image ne sert qu’à des fins décoratives. À l’avenir toutefois, la zone de texte alternatif devra être laissée vide si l’image est exclusivement décorative et n’amène aucun contenu additionnel.
      • Images complexes : Dans le cas des images complexes (graphique, tableau, diagramme circulaire ou autre, etc.), vous devez fournir un texte alternatif qui résume le mieux possible le contenu. Si l’image complexe comporte des détails importants ou pertinents, fournissez une description longue hyper-référencée à une page contenant tous les menus détails de l’image.
    • N’utilisez pas d’expressions comme « Image de… », « Icône de… », « Photo de... » ou « Graphique de… » pour décrire l’image.
  • Description longue
    • L’attribut de description longue doit contenir une URL menant à une page qui comprend la description longue, ainsi que le titre de cette URL. Il ne doit pas contenir le texte comme tel de la description longue.
  • Texte du titre
    • Évitez d’ajouter de l’information dans le champ texte « Titre » d’une image, puisque la majorité des lecteurs d’écran ne détectent pas ce texte.

Pour en savoir plus sur l'accessibilité :

» Envoyer vos commentaires
    Sujets: 
  • Soutien
    Types: 
  • Guide d'usager
Haut de page