Comment choisissez-vous des alternatives textuelles pour les émoticônes et les icônes dans votre contenu Web ?

2 Pourquoi les émoticônes et les icônes ont-elles besoin d’alternatives textuelles ?

Les émoticônes et les icônes sont des contenus non textuels qui peuvent communiquer des émotions, des actions, des concepts ou des symboles. Cependant, ils peuvent également poser des problèmes d’accessibilité, car ils peuvent ne pas être reconnus, compris ou prononcés correctement par les lecteurs d’écran ou d’autres technologies d’assistance. Par exemple, une icône de visage souriant peut être lue comme « parenthèse droite du tiret deux-points » ou « visage souriant avec la bouche ouverte et les yeux souriants » selon le lecteur d’écran et les paramètres de langue. Aucune de ces alternatives textuelles ne transmet la signification et le ton voulus de l’icône.

3 Comment choisir des alternatives textuelles pour les émoticônes et les icônes?

Les WCAG suggèrent que les alternatives textuelles pour le contenu non textuel soient équivalentes, concises et appropriées au contexte et au public. Lorsque vous sélectionnez des alternatives textuelles pour les émoticônes et les icônes, tenez compte de l’objectif et de la fonction de l’émoticône ou de l’icône. Est-ce décoratif, informatif ou interactif ? Est-ce essentiel pour comprendre le contenu ou la navigation ? Est-il redondant avec d’autres contenus textuels ou non textuels ? Utilisez un langage simple qui décrit la signification et l’émotion de l’émoticône ou de l’icône; Évitez les termes techniques, les abréviations ou les codes qui peuvent ne pas être familiers aux utilisateurs. En outre, utilisez la ponctuation, les guillemets, les crochets ou d’autres symboles pour indiquer que l’alternative textuelle remplace une émoticône ou une icône. Cela permet de distinguer l’alternative textuelle du texte environnant et d’éviter toute confusion ou ambiguïté. Pour HTML ou CSS, utilisez l’attribut alt, l’attribut aria-label ou la propriété de contenu CSS pour fournir une alternative textuelle aux émoticônes et aux icônes sans altérer l’aspect visuel de la page.

5 Comment améliorer les alternatives textuelles pour les émoticônes et les icônes?

Les alternatives textuelles pour les émoticônes et les icônes ne doivent pas être statiques ou fixes. Au lieu de cela, ils peuvent être améliorés et mis à jour grâce à des commentaires, des tests et des modifications du contenu Web, des besoins des utilisateurs et de la technologie. Pour ce faire, examinez et révisez régulièrement les alternatives textuelles pour vous assurer de l’exactitude, de la pertinence et de la cohérence avec le contenu non textuel. En outre, utilisez différentes alternatives textuelles pour différentes situations, contextes et audiences. Par exemple, utilisez des alternatives textuelles plus formelles ou descriptives pour le contenu Web professionnel ou éducatif et des alternatives textuelles plus informelles ou expressives pour le contenu Web personnel ou social. Enfin, envisagez d’utiliser des emojis ou des caractères Unicode au lieu d’images ou de polices personnalisées pour les émoticônes et les icônes. Les emojis et les caractères Unicode sont plus accessibles et compatibles avec différents appareils, navigateurs et plates-formes. En outre, ils ont des noms et des descriptions normalisés qui peuvent être utilisés comme alternatives textuelles. Par exemple, au lieu d’utiliser une image ou une police personnalisée pour une icône en forme de cœur, utilisez l’emoji ❤️ ou le caractère Unicode ❤.

6 Voici ce qu’il faut prendre en compte

Il s’agit d’un espace pour partager des exemples, des histoires ou des idées qui ne correspondent à aucune des sections précédentes. Que voudriez-vous ajouter d’autre?