Dessins Visio accessibles dans Microsoft 365

Introduction

Le programme Microsoft Visio sert à créer des diagrammes, comme des organigrammes. Les problèmes d’accessibilité pour de tels diagrammes sont répartis en deux catégories : les problèmes qui concernent les utilisateurs voyants ayant une déficience visuelle (qui utilisent le diagramme de manière visuelle) et les problèmes qui concernent les utilisateurs aveugles (qui comptent sur les textes de remplacement). Suivre les recommandations d’accessibilité dans chacune de ces catégories aide également tous les utilisateurs.

Accessibilité visuelle et générale

Bon nombre des directives générales relatives à l’accessibilité des documents et des infographies s’appliquent également aux documents Visio. Veuillez consulter les directives générales sur les documents et sur les infographies pour plus d’informations.

Contraste du texte

Le contraste du texte doit être d’au moins 4,5:1 par rapport à l’arrière-plan. Comme les diagrammes sont souvent visualisés avec un zoom très faible, nous vous recommandons de maintenir, au minimum, ce niveau de contraste pour tous les textes, quelle qu’en soit la taille.

Pour vérifier le contraste des couleurs, utilisez un outil comme l’Analyseur de contraste des couleurs (en anglais seulement) ou le vérificateur de contraste de WebAIM (en anglais seulement).

Évitez de placer des images d’arrière-plan complexes derrière le texte.

Lorsqu’il est nécessaire d’utiliser des images d’arrière-plan complexes ou des fonds à faible contraste, définissez un contour autour du texte offrant un contraste suffisant par rapport à la couleur du texte en premier plan.

Utilisation de la couleur seule pour transmettre de l’information

Veillez à ce que la couleur ne soit pas le seul moyen utilisé pour transmettre de l’information. Comme le codage par couleur est une stratégie souvent utilisée en infographie, il s’agit d’un problème d’accessibilité fréquent. Toute l’information transmise par couleur doit également être offerte par le biais d’autres méthodes d’identification (de façon visuelle et textuelle), comme des étiquettes, des symboles ou l’ajout d’un motif unique à la zone colorée.

Contraste sans texte

Selon WCAG 2.1, tous les éléments graphiques importants doivent avoir un rapport de contraste de 3:1 par rapport à l’arrière-plan. Lorsque la couleur ou l’ombrage est utilisé pour identifier des zones du graphique, par exemple pour délimiter une boîte intérieure d’une boîte extérieure, les deux couleurs doivent avoir un rapport de contraste de 3:1 (car l’une d’entre elles constitue désormais « l’arrière-plan »).

Consultez la page Comprendre le contraste sans texte (en anglais seulement) pour des exemples d’objets graphiques (icônes), de graphiques et d’infographies, et comment ils réussissent, échouent ou peuvent satisfaire à ce critère.

Abréviations

Comme les diagrammes sont souvent remplis d’abréviations, la définition de ces abréviations favorise la compréhension de tous les utilisateurs. Consultez les directives sur les abréviations (en anglais seulement) de WCAG.

Si possible, selon la disposition, insérez les abréviations la première fois qu’elles apparaissent. P. ex. Programme d’accessibilité, d’adaptation et de technologie informatique adaptée (AATIA)

Étant donné que les diagrammes sont souvent visualisés dans un ordre non linéaire, il est généralement préférable de fournir un glossaire (en anglais seulement). Le glossaire doit faire partie du texte du document, sous un en-tête comme « Glossaire des abréviations », de manière à pouvoir le retrouver facilement.

Texte intégré à des images

À moins que ce ne soit essentiel, n’intégrez pas de texte à des images (en anglais seulement).

Solutions de remplacement en format texte

Les diagrammes Visio, de par leur nature, transmettent l’information de façon visuelle. Bien que Visio comporte certaines fonctions pour aider les utilisateurs aveugles à naviguer à l’intérieur de documents (consultez la section « Caractéristiques d’accessibilité de Visio » ci-dessous), une solution de remplacement en format texte qui ne dépend pas de l’organisation visuelle est essentielle lors de l’exportation du document Visio au format PDF, en image ou lorsque vous intégrez le diagramme à un autre document ou à une page Web.

Aperçu du texte (de remplacement) court

Un court texte (65 caractères ou moins) doit répondre à la question « quelle est l’information transmise par le diagramme? » Le texte court peut servir de titre évocateur au diagramme.

Description textuelle longue

Selon le diagramme, il peut être difficile de fournir une description linéaire textuelle et complète. Imaginez que vous décriviez le diagramme à une personne par téléphone.

La description textuelle longue est utile pour tous les utilisateurs. Rendez-la visible sur la page Web ou le document PDF pour que tout le monde puisse la lire. Consultez la section Images complexes (en anglais seulement) pour des recommandations.

Exemples

Dans le cas d’une carte routière avec itinéraires, la description longue décrit chaque étape permettant de suivre les itinéraires.

<im. src="../../img/fr/office365/visio-365-001.jpg" alt="Organigramme illustrant le processus de connexion">

Pour transmettre adéquatement à tous les utilisateurs le message d’un organigramme, la description longue utilise des éléments numériques.

Pour un diagramme avec composants, la description longue commence par un résumé des composants principaux du diagramme (entre 3 et 10) et de la manière dont ils sont liés. Par la suite, placez les détails, comme le texte complet des composants, sous les en-têtes de chaque composant. Utilisez les divers niveaux de titres pour organiser les sous-composants. Les utilisateurs peuvent ainsi rechercher les composants qui les intéressent tant que le texte est compris dans la page.

Représentation hypertexte

À l’aide du format HTML, il est possible d’offrir une description textuelle complète décrivant toutes les relations avec des hyperliens. Pour améliorer la convivialité, prolongez la description longue (décrite ci-dessus pour l’organigramme et le diagramme de composants) avec des liens intégrés à la page, vers des composants connexes. De cette façon, les utilisateurs de lecteurs d’écran ont la possibilité de « suivre les flèches » plus rapidement.

Exemple d’organigramme de flux de données complexe :

Caractéristiques d’accessibilité de Visio

Microsoft a récemment publié un guide sur Rendre les diagrammes Visio accessibles (en anglais seulement).

Il est important de comprendre la façon dont un utilisateur de lecteur d’écran lit un diagramme Visio (en anglais seulement)

• Ils utilisent la touche de tabulation pour passer d’une forme à l’autre dans un ordre prédéfini.
• Les formes sont décrites selon leur texte de remplacement (« alt text »), leur position et leur mise en forme.
• Les points de départ et d’arrivée des connecteurs sont énoncés.

Voici donc les deux principales caractéristiques d’accessibilité des documents Visio : l’ordre de lecture et le texte de remplacement.

Ordre de lecture

En règle générale, les objets sont lus dans l’ordre dans lequel ils ont été ajoutés au document. Créez donc les objets dans l’ordre dans lequel vous voulez qu’ils soient lus.

Vous pouvez également consulter et modifier l’ordre de lecture. Sélectionnez Affichage > Volets des tâches > Navigation et ensuite glissez et déposez les formes pour reproduire un ordre de lecture logique.

Créez des connecteurs (flèches, etc.) dans l’ordre que vous voulez qu’ils soient lus. Commencez à dessiner à partir du point de départ (c.-à-d. le parent dans un organigramme de flux unidirectionnel); ne dessinez pas de flèche dans un sens pour ensuite l’orienter dans le sens contraire.

Texte de remplacement (« alt text »)

Visio offre la possibilité d’ajouter du texte de remplacement à des images, des formes et des pages entières. En règle générale, un texte de remplacement court est suffisant pour une image ou une forme. Une description plus longue convient à une page. Consultez les directives générales relatives à l’accessibilité et la page Rendre les diagrammes Visio accessibles (en anglais seulement).

Pour ajouter un texte de remplacement à une image ou une forme :

• Ouvrez le menu contextuel de l’image ou de la forme en cliquant à droite ou en appuyant sur la touche de l’application.
• Sélectionnez Format de la forme.
• Sélectionnez (Taille et propriétés) et saisissez le texte de remplacement dans la boîte Description.

Pour ajouter un texte de remplacement à une page complète, appuyez sur Maj + F5. Sélectionnez l’onglet Texte de remplacement et inscrivez la Description.

Vérificateur d’accessibilité

Comme la plupart des produits Office, Visio dispose désormais d’un vérificateur d’accessibilité intégré.

À partir de la barre d’outils du ruban, rendez-vous à Révision > Vérifier l’accessibilité. Sélectionnez chaque élément pour consulter les détails et corrigez les problèmes un à la fois.

Ressources supplémentaires

• NVDA : Un lecteur d’écran gratuit (pratique pour la mise à l’essai) (en anglais seulement)
• Règles pour l’accessibilité des contenus Web 2.1