Il n’existe malheureusement pas encore d’applications cartographiques faciles à l’emploi qui soient totalement accessibles.

Attention, pour les cartes destinées à la navigation, vous devez obligatoirement prévoir une solution alternative accessible. Mais sachez qu’il existe aussi plusieurs façons de proposer des cartes (simples) accessibles. Vous trouverez toutes les informations nécessaires sur cette page.

Créer une carte accessible

Pour les cartes qui s’y prêtent, vous pouvez transformer un texte accessible en carte moyennant du CSS et/ou script. CSS vous permet par exemple de placer une liste de données (comme des noms de services publics avec leur adresse) sur une image d’une carte. Tenez compte des exigences d’accessibilité décrites au bas de cette page pour disposer d’une carte accessible. Et vous ne devrez alors pas prévoir de solution alternative accessible.

 

nformations essentielles dans le texte sous-jacent

Assurez-vous que toutes les informations que vous voulez communiquer avec la carte figurent dans le texte sous-jacent (texte invisible sur le site mais lu par la technologie d’assistance).

Proposer une solution alternative accessible

Les cartes qui ne peuvent pas être rendues totalement accessibles doivent avoir une solution alternative. Pour trouver celle qui sera le plus adaptée à la situation, basez-vous sur l’objectif pour lequel la carte est affichée. Les cartes peuvent contenir bon nombre d’informations. Réfléchissez à la question que se pose le visiteur quand il voit la carte et concentrez-vous sur ces informations essentielles pour le choix de la solution alternative accessible.

  • Si la carte affiche des objets, vous pouvez les reprendre dans une liste. S’il y a beaucoup d’objets, le visiteur doit avoir la possibilité de les filtrer et de les trier.
  • Quand la carte est utilisée à titre illustratif (par exemple une carte historique), décrivez le thème de la carte, la région représentée, le créateur et l’année.
  • Pour les cartes montrant des données autour d’un certain emplacement, optez pour une solution alternative sous forme de champ de formulaire dans lequel le visiteur peut introduire l’emplacement souhaité. Et affichez dans une liste les résultats pour cet emplacement (par exemple dans un rayon autour de celui-ci).

Exigences d’accessibilité pertinentes

Vous devez nécessairement respecter les exigences d'accessibilité suivantes pour rendre une carte accessible.

Généralités

  • Critère 1.1.1 : Associez une description textuelle aux éléments non textuels (comme des images et des vidéos) (niveau A)
  • Critère 1.3.1 : Veillez à ce que l’information, la structure et les relations soient déterminées dans le code ou le texte et pas seulement dans la mise en forme (niveau A)
  • Critère 1.3.2 : Veillez à ce que le contenu puisse être lu dans un ordre logique par tous les visiteurs (niveau A)
  • Critère 1.4.1 : Utilisez d’autres façons visuelles en plus de la couleur pour véhiculer de l’information (niveau A)
  • Critère 1.4.3 : Utilisez un contraste suffisant entre la couleur de premier plan et celle d’arrière-plan (niveau AA)
  • Critère 1.4.4 : Veillez à ce que l’ensemble du texte sur le site web puisse s’afficher en deux fois plus grand sans perte de contenu ou de fonctionnalité(niveau AA)
  • Critère 1.4.5 : N’utilisez pas de texte sous forme d’image, sauf si vous ne pouvez vraiment pas faire autrement (niveau AA)
  • Critère 2.1.1 : Veillez à ce que toutes les fonctions puissent être accessibles et utilisées avec le clavier uniquement (niveau A)
  • Critère 2.1.2 : Évitez qu’un visiteur qui utilise uniquement le clavier ne se retrouve coincé(niveau A)
  • Critère 2.4.7 : Rendez visible tout élément d’une page qui a le focus lors de l’utilisation du clavier (niveau AA)

Cartes avec animation

  • Critère 1.2.1: Proposez une description textuelle pour le matériel audio et visuel (sans son) pas en direct (niveau A)
  • Critère 2.2.1: Permettez aux utilisateurs de supprimer ou d’étendre la limite de temps au-delà de laquelle une action est automatiquement initiée (niveau A)
  • Critère 2.2.2: Permettez aux visiteurs d’arrêter les éléments en mouvement, clignotants, défilants et mis à jour automatiquement (niveau A)
  • Critère 2.3.1: Veillez à ce que les visiteurs ne soient pas victimes d’une crise à cause d’éléments qui flashent (niveau A)

Cartes pour lesquelles le visiteur peut introduire un emplacement

  • Critère 3.3.1: Si le champ d’un formulaire est mal complété, indiquez où se trouve l’erreur et décrivez ce qui ne va pas (niveau A)
  • Critère 3.3.2: Placez des instructions claires près des champs de saisie (niveau A)
  • Critère 3.3.3: Si le champ d’un formulaire est mal complété, proposez des suggestions d'amélioration quand c’est possible (niveau AA)