Quand un contenu intégré a un intitulé, cet intitulé décrit-il vraiment ce qui s'y trouve ?
Critère officiel 2.2 — Pour chaque cadre ayant un titre de cadre, ce titre de cadre est-il pertinent ?
Pourquoi c'est important
Un intitulé vague comme « Carte » ou « Vidéo » n'aide pas plus qu'une absence d'intitulé. La personne aveugle entre dans un contenu sans savoir ce qu'elle va y trouver, ce qui rend la navigation imprévisible.
Exemples concrets
Ce qui est conforme
Le formulaire de demande de permis de construire intégré depuis Démarches Simplifiées est titré « Formulaire de demande de permis de construire — Mairie de Clisson ». L'utilisateur sait exactement ce qu'il va trouver.
Ce qui pose problème
La vidéo de présentation du plan local d'urbanisme est intégrée avec l'intitulé « Vidéo ». L'utilisateur doit entrer dans le contenu pour découvrir de quelle vidéo il s'agit.
Comment agir
Pour vérifier : relevez l'intitulé de chaque contenu intégré sur votre site et posez-vous la question : « Est-ce que cet intitulé me dit ce que je vais trouver ? » Si la réponse est non, transmettez une liste de corrections à votre prestataire. Un bon intitulé est précis : « Plan d'accès à la mairie » vaut mieux que « Carte ».
Règles clés
- Combiner type + sujet : 'Carte — Localisation de [nom]', pas juste 'Carte'.
- Unique par iframe sur la même page.
- Si l'iframe charge du contenu dynamique, mettre à jour le title.
Erreurs fréquentes
- title identique sur tous les iframes de la page
- title décrivant le fournisseur mais pas le contenu ('Google Maps' au lieu de 'Carte — Localisation agence Brest')
- title non mis à jour quand le contenu de l'iframe change dynamiquement
Exemples de code
title générique
✗ Non conforme<iframe src="..." title="Carte"></iframe>'Carte' est trop générique — de quelle zone ? Pour quel usage ?
title précis et contextuel
✓ Conforme<iframe
src="https://maps.google.com/maps?..."
title="Carte — Localisation de notre agence
à Douarnenez, Bretagne">
</iframe>Le title indique la nature (Carte) et le contenu spécifique. L'utilisateur sait exactement ce qu'il trouvera.
Référence WCAG : 4.1.2