WCAG A Prestataire Facile

Les éléments externes intégrés à la page — carte Google Maps, calendrier, formulaire de contact — sont-ils clairement identifiés par un intitulé ?

Critère officiel 2.1 — Chaque cadre a-t-il un titre de cadre ?

Pourquoi c'est important

Sans intitulé, un logiciel de lecture annonce simplement « cadre » lorsqu'il rencontre une carte ou une vidéo intégrée. La personne aveugle ne sait pas ce qu'elle va trouver si elle choisit d'y entrer.

Exemples concrets

Ce qui est conforme

La page « Nous contacter » intègre une carte Google Maps accompagnée de l'intitulé « Plan d'accès à la mairie de Saint-Gilles-Croix-de-Vie ». Le logiciel de lecture l'annonce clairement avant que l'utilisateur y entre.

Ce qui pose problème

La même carte n'a aucun intitulé. Le logiciel de lecture annonce « cadre » et s'arrête : l'utilisateur ne sait pas s'il s'agit d'une carte, d'un formulaire ou d'une vidéo.

Comment agir

C'est une modification d'une ligne à demander à votre prestataire lors de la prochaine intervention. Pour préparer la demande, dressez la liste de tous les contenus intégrés sur votre site (carte, vidéo YouTube, formulaire Démarches Simplifiées) et indiquez pour chacun l'intitulé attendu.

Règles clés

  • Le title décrit contenu et fonction : 'Vidéo YouTube — Présentation de nos services'.
  • Un iframe décoratif vide : title="" ET aria-hidden="true".
  • Le title doit être unique si plusieurs iframes coexistent sur la même page.

Erreurs fréquentes

  • iframe sans attribut title
  • title vide (title="")
  • title générique ('cadre', 'iframe') ou reprenant l'URL source

Exemples de code

iframe sans titre

✗ Non conforme
<iframe src="https://www.youtube.com/embed/ABC">
</iframe>

Le lecteur d'écran annonce 'cadre' ou l'URL — aucune information sur le contenu.

iframe avec titre descriptif

✓ Conforme
<iframe
  src="https://www.youtube.com/embed/ABC"
  title="Vidéo — Tutoriel d'installation de notre logiciel"
  allowfullscreen>
</iframe>

Le title décrit le contenu et sa nature. L'utilisateur sait ce qu'il va trouver avant d'entrer dans l'iframe.

Référence WCAG : 4.1.2

La lettre de l'Atelier A11Y

Ressources pédagogiques, critères RGAA commentés et retours de terrain : une lettre mensuelle pour progresser sur l'accessibilité numérique, sans jargon.

  • Nouveaux articles et ressources pédagogiques
  • Critères RGAA décortiqués avec des exemples concrets
  • Bonnes pratiques et retours d'expérience terrain
S'abonner à la newsletter (s'ouvre dans un nouvel onglet)

Gratuit. Désabonnement possible à tout moment.