Passer au contenu principal
Toutes les collectionsLes meilleures pratiques
Ajouter du texte alternatif aux images : bonnes pratiques
Ajouter du texte alternatif aux images : bonnes pratiques
Emily van der Harten avatar
Écrit par Emily van der Harten
Mis à jour il y a plus d’une semaine

Cet article a été traduit de l'anglais à l'aide de la traduction automatique.

Les technologies d'assistance comme les lecteurs d'écran utilisent du texte alternatif, également appelé texte alternatif, pour décrire les images aux personnes aveugles ou malvoyantes. Le texte alternatif apparaît également à la place des images lorsque celles-ci ne peuvent pas se charger correctement en raison d'une faible bande passante Internet, et lorsque quelqu'un masque des images sur un site Web pour réduire la charge cognitive.

Webex Events vous permet d'ajouter du texte alternatif aux images sur l'ensemble de notre plateforme, afin que chacun puisse participer de manière équitable à toutes les expériences de l'événement. Cet article vous explique comment ajouter du texte alternatif aux images et fournit des conseils et des ressources pour rédiger un texte alternatif efficace.

Pourquoi ajouter du texte alternatif aux images ?

Rédiger un texte alternatif efficace est une compétence qui vaut la peine d'être apprise. Cependant, c'est en forgeant qu'on devient forgeron, et essayer est bien mieux que ne rien faire du tout. Nous vous recommandons vivement d'ajouter un texte alternatif à chaque image ou de marquer les images comme décoratives lorsque cela est approprié. Si vous ne faites rien, votre contenu sera inaccessible à un large éventail d'utilisateurs. De même, les lecteurs d'écran liront plutôt le nom du fichier image, ce qui peut entraîner une expérience utilisateur frustrante et désagréable.

Conseils sur le texte alternatif

Avant d’apprendre à ajouter du texte alternatif sur la plateforme Webex Events , cette section met en évidence quelques types d’images différents, donne des conseils sur la rédaction de texte alternatif et fournit des ressources de la Web Accessibility Initiative (WAI) pour vous aider à en savoir plus.

Types d'images

Il existe différents types d'images qui nécessitent différents types de texte alternatif. Voici les types d'images courants que vous pouvez ajouter à différentes parties de la plateforme :

  • Images informatives : images contenant des informations qui aident à comprendre un concept transmis sur une page. Si une personne ne peut pas voir l'image, elle passe à côté d'informations essentielles. Ces images ont besoin d'un texte alternatif.

  • Images décoratives : images qui n'ajoutent aucune information supplémentaire à ce qui est transmis sur une page, comme une image d'arrière-plan. Ces images peuvent être marquées comme décoratives.

  • Images fonctionnelles : images qui renvoient également vers d'autres destinations. Ces images doivent être accompagnées d'un texte alternatif qui inclut l'objectif du lien. Par exemple, si vous avez une image de bannière qui renvoie en interne vers la fonctionnalité Sponsors, incluez ces informations dans votre texte alternatif afin que les gens sachent à quoi s'attendre.

  • Images de texte - Images contenant du texte informatif. Le message véhiculé par une image comme celle-ci doit avoir un équivalent textuel, généralement écrit dans le texte alternatif.

Conseils pour rédiger un texte alternatif

  • Gardez votre texte alternatif bref. Nous vous recommandons de ne pas dépasser 1 à 2 phrases, et la plateforme Webex Events limite le texte alternatif à 250 caractères.

  • Décrivez l'image dans son contexte et dans son environnement. Posez-vous la question : « Quelles informations essentielles les gens doivent-ils connaître à propos de cette image ? » Votre objectif est de fournir l'équivalent textuel de ce que l'image transmet.

  • Si votre image contient du texte, ce message doit également exister au format texte, soit dans le champ de texte alternatif, soit dans une description adjacente. Par exemple, vous pouvez avoir une image de bannière contenant des informations sur une session. Les lecteurs d'écran ne peuvent pas lire le texte intégré à une image. Le texte alternatif est donc un excellent endroit pour ajouter un équivalent textuel.

  • Ne commencez pas le texte alternatif par « Image de ». Les lecteurs d'écran annoncent souvent des images, il est donc inutile d'écrire « Image de ».

  • Marquer une image comme décorative indique au lecteur d'écran d'ignorer l'image et de la passer. Marquez les images comme décoratives si :

    • L'image n'ajoute aucune information ni contexte supplémentaire.

    • L'image est décrite dans un texte adjacent et l'ajout d'un texte alternatif serait redondant. Par exemple, une image de profil avec le nom « Serena Page » dans le texte directement en dessous n'a pas besoin d'un texte alternatif indiquant « Image de profil de Serena Page » et elle peut être marquée comme décorative.

Ressources de texte alternatif

WAI dispose de nombreuses ressources pour vous aider à rédiger un texte alternatif clair et utile.

Où puis-je ajouter du texte alternatif dans Webex Events?

Avec presque toutes les images que vous téléchargez sur la plateforme Webex Events , vous pouvez ajouter un texte alternatif ou marquer l'image comme décorative. Les images de profil font exception à cette règle et sont automatiquement marquées comme décoratives pour vous. 😸

💡 Gardez à l'esprit que vous ne pouvez ajouter du texte alternatif à une image que lors du téléchargement manuel directement depuis la plateforme. Actuellement, il n'est pas possible d'ajouter du texte alternatif lors de l'importation de données.

Sur l' Event App, les participants peuvent ajouter du texte alternatif aux images qu'ils publient sur la fonction Mur.

Comment ajouter du texte alternatif sur la plateforme Webex Events

  1. Lorsque vous téléchargez une image sur la plateforme Webex Events , cliquez sur le bouton Ajouter un texte alternatif à l'étape « Aperçu ».

    Le bouton Ajouter un texte alternatif dans la fenêtre modale Aperçu.
  2. Dans la fenêtre « Ajouter un texte alternatif », saisissez une brève description de l'image dans le champ Texte alternatif , jusqu'à 250 caractères. Si l'image est décorative et n'apporte aucune valeur informative, cochez simplement la case « L'image est décorative » sans ajouter de texte alternatif.

    1. Dans l'exemple suivant, l'image contient du texte indiquant « Conférencière principale Janet Watson. Chaire pour l'énergie durable pour tous, ONU Énergie », nous avons donc ajouté ce texte exact au champ de texte alternatif.

      L'exemple qui vient d'être décrit dans la fenêtre modale Ajouter un texte alternatif.
  3. Cliquez sur Enregistrer .

  4. Cliquez sur Télécharger pour terminer.

💡 Gardez à l'esprit qu'il n'est pas possible de modifier le texte alternatif d'une image sur la plateforme Webex Events . Si vous devez modifier le texte alternatif, vous devez télécharger à nouveau l'image et ajouter le texte alternatif mis à jour pendant le processus de téléchargement comme décrit ci-dessus.

Comment les participants ajoutent du texte alternatif à une image publiée sur le mur

Les participants qui téléchargent une image dans le cadre d'une publication sur le mur peuvent ajouter un texte alternatif avant de publier sur le mur.

Les utilisateurs de l'application Web cliquent sur le bouton Ajouter un texte alternatif à l'étape « Aperçu », ajoutez du texte alternatif ou marquez l'image comme décorative, cliquez sur Enregistrer , puis sur Télécharger .

La fenêtre modale d'ajout de texte alternatif sur l'application Web. Le texte alternatif indique :

Les utilisateurs de l'application mobile appuient simplement sur le bouton +Alt dans le coin supérieur droit de l'image, saisissent le texte alternatif de l'image, appuient sur Terminé , puis sur Publier .

Le processus vient d'être décrit.

Vous connaissez désormais le texte alternatif ! Pourquoi ne pas en apprendre davantage sur la façon dont vous pouvez gagner du temps grâce aux formulaires de collaboration ?

Des questions ? Discutez avec nous ou envoyez un e-mail à support@socio.events

Avez-vous trouvé la réponse à votre question ?