Titre de cadre
Le titre de cadre est le nom accessible d'un élément <iframe>, transmis via l'attribut title, aria-label ou aria-labelledby. C'est ce texte que les lecteurs d'écran annoncent pour identifier le contenu d'un cadre intégré. Le RGAA lui consacre deux critères : le cadre doit avoir un titre (2.1), et ce titre doit décrire fidèlement le contenu réel du cadre (2.2).
Votre page contient trois <iframe>. Un utilisateur de lecteur d'écran ouvre la liste des cadres et voit : « cadre », « cadre », « cadre ». Impossible de savoir lequel est une vidéo, lequel est une carte, lequel est un formulaire de contact.
#Ce que vérifie un audit RGAA
Le RGAA consacre sa thématique 2 aux cadres, avec deux critères :
- Critère 2.1 : chaque cadre possède-t-il un titre ?
- Critère 2.2 : ce titre est-il pertinent ?
Le premier est binaire. Le second demande du jugement : un titre « pertinent » décrit le contenu réel du cadre, pas sa nature technique ni le nom de la plateforme qui l'héberge. Côté WCAG, le titre de cadre satisfait les critères 2.4.1 (contournement de blocs) et 4.1.2 (nom, rôle, valeur), tous deux de niveau A.
Techniquement, le titre de cadre correspond au nom accessible de l'<iframe>. L'attribut title est la méthode la plus courante, mais aria-label et aria-labelledby fonctionnent aussi.
#Bien formuler un titre de cadre
Les lecteurs d'écran permettent de lister tous les cadres d'une page. Sans titre, chaque entrée de la liste affiche « cadre », un nom de fichier ou une URL. Avec un titre générique, toutes les entrées se ressemblent.
<!-- ❌ Titre générique fourni par YouTube -->
<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ"
title="YouTube video player"></iframe>
<!-- ✅ Titre qui décrit le contenu réel -->
<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ"
title="Vidéo : introduction à l'audiodescription"></iframe>
<!-- ❌ Nom de plateforme seul -->
<iframe src="https://maps.google.com/..."
title="Google Maps"></iframe>
<!-- ✅ Localisation spécifique -->
<iframe src="https://maps.google.com/..."
title="Carte de nos bureaux, 12 rue de Rivoli, Paris"></iframe>Un test rapide : si deux titres sur la même page sont interchangeables, au moins un des deux est trop vague.
#Le piège des codes d'intégration
YouTube, Spotify, Google Maps fournissent des codes HTML prêts à coller. Le title y est soit absent (Spotify, Google Maps), soit identique pour tout le contenu de la plateforme. YouTube, par exemple, met « YouTube video player » sur chaque vidéo. Ne publiez jamais un code d'intégration sans avoir modifié son titre.
Autre confusion fréquente : l'attribut title et l'attribut name ne sont pas interchangeables. Le name sert au ciblage JavaScript. Seul le title (ou un équivalent ARIA) est annoncé par les technologies d'assistance.
#En résumé
Le titre de cadre est ce que les lecteurs d'écran annoncent quand ils rencontrent un <iframe>. Le RGAA vérifie qu'il existe (critère 2.1) et qu'il décrit fidèlement le contenu (critère 2.2). Modifiez systématiquement les codes d'intégration copiés-collés avant de les publier.