Il doit y avoir un contraste suffisant entre la couleur du tracé et le fond, entre l’étiquette d’un point d’intérêt (POI) et l’arrière-plan, ainsi qu’entre la ligne d’itinéraire et le remplissage de la couche.
Pour le texte, l’objectif WCAG AA est généralement de 4,5:1 (3:1 pour les grands caractères) ; les libellés apparaissant petits sur la carte, privilégiez si possible un contraste plus élevé.
Les accents de couleur « teal » (#0d6e7a) et « amber » (#e8a317) du système de conception DrawMap360 établissent une hiérarchie lisible lorsqu’ils sont utilisés avec les tons neutres « slate » ; cependant, il ne suffit pas de faire de la couleur « amber » une « couleur d’état » à elle seule.
- Veillez à ce que les noms des POI soient courts ; réservez les libellés longs aux niveaux de zoom rapprochés.
- Si vous utilisez des étiquettes sur une photo de fond ou un motif chargé, ajoutez un fond semi-transparent ou une plaque d’étiquette unie.
- Pour l'élément sélectionné, utilisez non seulement la couleur, mais aussi l'épaisseur du cadre ou un changement d'icône.
- Dans un scénario de couloir sombre ou d’espace faiblement éclairé, augmentez la taille des étiquettes d’un cran.
Règle pratique : passez une fois le plan au simulateur de daltonisme (protanopie / deuteranopie).
Si la couleur d’alerte se confond avec l’itinéraire, renforcez la mise en évidence en ambre à l’aide d’une forme ou d’un style de ligne.
Affichage indépendant de la couleur
Les codes reposant uniquement sur la couleur, tels que « rouge = fermé, vert = ouvert », ne sont pas accessibles.
Indiquez également les zones fermées à l’aide d’un motif, d’une icône ou d’un texte.
Ajoutez une étiquette textuelle à côté de l’échantillon de couleur dans les filtres de catégorie.
Dans les itinéraires alternatifs, distinguez l’itinéraire principal par une ligne continue et l’itinéraire secondaire par une ligne pointillée.
Cette approche assure également la cohérence entre les panneaux imprimés et la carte numérique ; si le panneau utilise déjà une icône + du texte, la couche numérique doit parler le même langage.
Navigation sur la carte à l’aide du clavier
Même si les bornes tactiles et les appareils mobiles prédominent, les visiteurs utilisant un ordinateur de bureau, le panneau d’administration et les contrôles d’accessibilité imposent l’utilisation du clavier.
L’ordre de focus doit être logique : champ de recherche → filtres → liste de résultats → panneau des POI sélectionnés → sélecteur d’étage.
Lorsque le focus est sur la zone de la carte, le défilement à l’aide des touches fléchées ou le passage aux panneaux de contrôle à l’aide de la touche Tab doit être clairement défini.
Le contour de focus doit être compatible avec la couleur principale du système de conception, suffisamment épais et contrasté ; la suppression de ce contour est inacceptable du point de vue de l’accessibilité.
- Fermez les panneaux ouverts à l’aide de la touche Échap ; le focus doit revenir au déclencheur.
- La sélection d’un point d’intérêt (POI) et le lancement d’un itinéraire doivent fonctionner avec les touches Entrée / Espace.
- La liste des étages et les résultats de recherche doivent être gérés à l’aide d’un tabindex itératif ou de l’attribut aria-activedescendant.
- Les menus contextuels qui s’ouvrent uniquement à l’aide de la souris doivent également être accessibles au clavier.
Lecteur d’écran et structure sémantique
La carte est une surface visuelle ; une équivalence textuelle est indispensable pour les lecteurs d’écran.
Le nom, la catégorie, l’étage et la brève description du POI sélectionné doivent pouvoir être lus sous forme de texte brut dans le panneau.
Les étapes de l’itinéraire doivent être présentées sous forme de liste ordonnée, par exemple : « 1. Se rendre à l’ascenseur A, 2. Monter au 2e étage, 3. Se diriger vers la polyclinique 14 ».
Attribuez une légende vide aux icônes décoratives, et une étiquette courte et précise aux icônes significatives.
Le titre de la page et la balise H1 doivent être cohérents avec le titre SEO ; l’intention « Guide d’accessibilité de l’interface cartographique » doit être clairement exprimée dans le contenu.
Évitez d’être trop bavard lorsque vous utilisez les annonces en temps réel (aria-live).
Annoncer chaque événement de panoramique ou de zoom fatigue l’utilisateur ; ne mettez à jour la zone en temps réel qu’en cas de sélection, de calcul d’itinéraire ou d’erreur.
Cibles tactiles et mobile
Sur la carte destinée aux visiteurs mobiles, les repères et les boutons de contrôle doivent disposer d’une zone tactile d’au moins 44 × 44 px.
Le comportement de « regroupement », qui ouvre une liste lorsque l’on clique sur des POI proches les uns des autres, réduit les sélections erronées de repères.
Les commandes de zoom ne doivent pas être coincées contre le bord de l’écran ; il faut tenir compte de la zone du pouce lors de l’utilisation à une seule main.
Recalculez les chevauchements des étiquettes lors d’un changement d’orientation horizontale/verticale ; sinon, les étiquettes accessibles se superposent.
Liste de contrôle d’accessibilité avant publication
- Contraste : les combinaisons d’étiquettes, de parcours, d’anneaux de sélection et d’arrière-plan ont été vérifiées.
- Indépendance vis-à-vis de la couleur : les états « fermé », « ouvert » et « alerte » sont accompagnés d’une icône ou d’un texte.
- Clavier : l'ordre de focus, le contour visible et le comportement de la touche Échap ont été testés.
- Lecteur d'écran : le panneau POI et les étapes de l'itinéraire sont lus.
- Tactile : les petits repères disposent d’un regroupement ou d’une zone de sélection agrandie.
- Contenu : les noms des POI sont cohérents, les abréviations sont expliquées, le choix de la langue (tr/en/fr/de) est correct.
Intégrez cette liste de manière permanente à votre liste de contrôle avant publication.
Tout comme un nom de POI manquant, une étiquette illisible ne doit pas être mise en ligne.
L’équipe opérationnelle doit tester le même itinéraire une fois sans clavier et une fois uniquement avec le clavier lors des essais sur le terrain.
Conseils d’utilisation de DrawMap360
Maintenir le plan à l’échelle du mètre permet de garantir la pertinence des distances et des durées d’itinéraire ; les profils d’itinéraires accessibles (préférence pour les ascenseurs, évitement des escaliers) s’appuient sur cette échelle.
L’accès basé sur les rôles dans Workspace garantit que seules les personnes autorisées peuvent publier des corrections d’accessibilité.
La gestion des versions et la fonction de retour en arrière permettent de corriger rapidement une erreur si un calque altérant le contraste a été publié par inadvertance.
Dans la recherche de visiteurs, les synonymes (par ex. « WC », « toilettes », « salle de bains ») favorisent la diversité linguistique en matière d’accessibilité.
Foire aux questions
L'accessibilité des plans est-elle réservée aux visiteurs en situation de handicap ?
Non. Des situations telles que la faible luminosité, les visiteurs âgés, une blessure temporaire, la barrière linguistique ou la prise de décision rapide en situation de stress bénéficient également de ces mêmes choix de conception.
Une carte accessible signifie moins de demandes d’assistance et moins de personnes perdues.
Est-il possible d’appliquer les WCAG à la carte à la lettre ?
La surface d’affichage d’une carte est un support spécifique ; il n’est pas toujours possible de faire correspondre tous les critères de conformité pixel par pixel.
Néanmoins, les critères principaux, tels que le contraste, l’utilisation du clavier, le focus, les alternatives textuelles et les messages d’état, doivent être appliqués et vérifiés.
Un lecteur d’écran est-il nécessaire sur une borne interactive ?
Sur une borne physique, le guidage vocal et une interface à contraste élevé sont souvent privilégiés.
Sur une carte intégrée au Web, la prise en charge standard des lecteurs d'écran et la navigation au clavier sont prioritaires.
Choisissez un profil adapté à l’environnement ; évitez de partir d’un postulat unique selon lequel « tout est pareil partout ».
Par quoi faut-il commencer ?
Choisissez un étage pilote, effectuez des tests de contraste et de navigation au clavier, puis vérifiez les textes destinés aux lecteurs d’écran pour trois itinéraires critiques (entrée–destination, toilettes les plus proches, sortie de secours).
Appliquez ensuite cette même liste de contrôle aux autres étages.
Conclusion
L’accessibilité d’un plan de visite repose sur la combinaison de plusieurs éléments : le contraste, un affichage indépendant de la couleur, la navigation au clavier et des panneaux adaptés aux lecteurs d’écran.
Lorsque vous intégrez ces éléments à votre processus de publication, le plan n’est plus seulement « accessible », mais devient « lisible pour tous ».
Lorsque vous numérisez votre espace avec DrawMap360, ne remettez pas l’accessibilité à plus tard ; intégrez-la dès la première publication dans votre liste de contrôle.
Êtes-vous prêt à publier un plan de visite accessible pour votre lieu ?
Commencez gratuitement
ou
découvrez le produit sur drawmap360.com
.
