Créez du contenu accessible pour une expérience inclusive

Le contenu accessible fait référence aux matériaux numériques, tels que les sites web, les documents, les vidéos, les fichiers audio et les présentations multimédias conçus et créés de manière à garantir que les personnes en situation de handicap puissent y accéder, les comprendre et interagir avec eux de manière efficace. Cela implique la mise en œuvre de principes de conception inclusifs et l'intégration de fonctionnalités qui prennent en compte divers handicaps, limitations ou incapacités. 

Le contenu accessible vise à supprimer les barrières et à fournir un accès égal à l'information, à la communication et au divertissement pour les personnes en situation de handicap. Il va au-delà de la simple conformité aux exigences légales et embrasse les principes d'inclusivité, de diversité et d'égalité des chances.

Oui, Infogram est officiellement conforme aux Directives pour l'Accessibilité des Contenus Web (WCAG 2.0). Cela garantit que vous pouvez créer du contenu accessible aux personnes présentant divers handicaps, tels que les déficiences visuelles, les limitations de mobilité et les limitations cognitives.

Avec Infogram, vous pouvez :

• Rendre votre contenu Infogram facilement interprétable par les lecteurs d'écran.
• Naviguer à travers le contenu publié à l'aide des commandes du clavier.
• Appliquer des principes de conception simples pour améliorer la lisibilité.

Les fonctionnalités d'accessibilité d'Infogram bénéficient aux personnes en situation de handicap, y compris celles présentant une déficience visuelle, une mobilité réduite, des difficultés cognitives, et plus encore. Ces fonctionnalités facilitent l'engagement d'une plus large gamme d'utilisateurs avec votre contenu.

Les lecteurs d'écran aident les personnes malvoyantes à utiliser un ordinateur, en rendant le texte sous forme de discours audible. En activant l'option Visible aux lecteurs d'écran dans les paramètres de votre projet, vous pourrez ajouter une étiquette et une description à des graphiques, des cartes, des images ou des icônes ainsi qu'à vos logos personnalisés et objets groupés. Cette description sera ensuite convertie en discours à partir du texte.

1. Créez un nouveau projet ou sélectionnez-en un existant. Cliquez pour sélectionner un objet sur le canevas.
2. Dans le panneau de paramètres à droite, ouvrez l'onglet Accessibilité. Activez Visible aux lecteurs d'écran (l'option est activée par défaut).
3. Insérez une étiquette pour que les personnes comprennent ce que représente le contenu particulier. Par exemple, un graphique à barres pour un état des revenus, une carte régionale de la Norvège, une image d'une montagne, etc.
4. Fournissez une alternative textuelle significative à la visualisation dans le champ Description. Soyez bref, concis et exprimez le résumé d'une manière qui donne vie à la visualisation.
5. Sélectionnez la langue de votre projet dans les paramètres à droite. Cela indiquera quel type de voix le lecteur d'écran doit utiliser. Vous pouvez également trouver cette option dans les paramètres de projet de votre compte, où vous pouvez définir la langue par défaut.

Les raccourcis clavier offrent une manière alternative de naviguer et d'interagir avec des graphiques, des cartes, du texte, des vidéos et des intégrations. La navigation est possible avec les onglets, les légendes, les barres de recherche de table, les textes/images/icônes hyperliés, les icônes de carte et les boutons de lecture vidéo. Lorsqu'un contenu est sélectionné, il sera mis en évidence avec un carré bleu. Lorsque vous ouvrez un projet en mode Webview ou que vous l'intégrez en ligne, utilisez les raccourcis clavier suivants pour naviguer et interagir : 

Cet article d'assistance d'Infogram vous aidera à mieux comprendre les raccourcis clavier.

1. Utilisez des titres et des sous-titres pour créer des groupes de contenu liés.

• Le contenu groupé réduit le désordre, facilite la numérisation et donne une structure. Pensez à des phrases claires et concises. Les en-têtes et les sous-sections facilitent le saut entre les sections pour les lecteurs d'écran.

1. Utilisez le thème et les combinaisons de couleurs adaptés aux daltoniens.

• Créez un contraste entre les objets et l'arrière-plan. Utilisez le Contraste Tracker pour vérifier si vos couleurs respectent les critères d'accessibilité dans le WCAG. Évitez les couleurs vives et très fades. Pour vous assurer que votre contenu est accessible aux malvoyants, utilisez le thème adapté aux daltoniens qui se trouve dans le panneau de paramètres à droite.

1. Créez des designs pour toutes les tailles d'écran.

• Si vous prévoyez d'intégrer votre contenu, réfléchissez aux appareils sur lesquels votre contenu sera visualisé - ordinateurs portables, tablettes ou téléphones mobiles. Utilisez le code URL ou les codes d'intégration réactifs et asynchrones dans l'éditeur HTML de votre page web. Cela garantit que votre contenu s'adaptera à la taille de l'écran, offrant une expérience de visualisation transparente. Lors de la conception pour mobile, évitez les objets trop petits. Pour apprendre comment intégrer et quels codes nous offrons, consultez notre article sur l'intégration d'un projet.

1. Assurez-vous que les éléments interactifs sont faciles à trouver.

• Utilisez l'option d'indices d'interactivité dans les paramètres de votre projet. Les indices apparaissent lorsque le spectateur fait défiler votre contenu pour mettre en évidence l'interactivité. Pour en savoir plus sur comment activer cette option, consultez l'article sur l'interactivité améliorée des graphiques et des cartes et la narration animée des données.

1. Incluez des alternatives d'image et de médias dans votre conception.

• Complétez votre texte avec des icônes, des images, des vidéos ou des enregistrements vocaux. Utilisez le panneau à gauche de l'éditeur pour ajouter des images/icônes depuis la galerie graphique ainsi que des vidéos et des intégrations sonores en utilisant les nombreuses intégrations d'Infogram. Si vous utilisez principalement du contenu vidéo et image, ajoutez des légendes ou des transcriptions pour les multimédias.

1. Créez une structure significative et ajoutez un résumé pour une navigation facile. Pour apprendre à lier votre résumé aux pages dans le projet, consultez l'article de tutoriel sur le lien de page.
2. Lors de l'utilisation de liens hypertexte, rendez le texte du lien significatif.