Pour chaque cadre ayant un titre de cadre, ce titre de cadre est-il pertinent ?
Un lecteur d’écran liste les cadres de la page avant que l’utilisateur n’y entre. Si votre <iframe> affiche title="YouTube video player", l’utilisateur sait qu’il y a un lecteur vidéo — mais pas lequel, ni pourquoi il est là. Un titre pertinent, c’est ce qui lui permet de décider s’il entre dans ce cadre ou non.
Ce critère ne s’applique qu’aux cadres qui ont déjà un attribut title — le critère 2.1 vérifie la présence de cet attribut. Ici, on vérifie si ce title dit quelque chose d’utile. Un titre vide, générique ou identique pour tous les cadres d’une page ne passe pas. Un titre générique, c’est comme pas de titre.
Concrètement : si vous intégrez une vidéo de démonstration produit, écrivez title="Tutoriel vidéo : installation en 3 étapes" plutôt que title="YouTube video player". Pour une carte, title="Carte de localisation de notre agence" vaut bien mieux que title="Google Maps". Le titre doit décrire la nature du contenu intégré, pas seulement la plateforme qui le délivre.
Un test pour évaluer la pertinence des titres de cadres
Pertinence du title sur <iframe> et <frame>
- Repérez tous les éléments
<iframe>et<frame>dans la page. - Pour chaque cadre qui possède un attribut
title, lisez la valeur de cet attribut. - Vérifiez que cette valeur décrit la nature ou le but du cadre de façon compréhensible hors contexte visuel.
- Un titre est non pertinent s’il est vide, générique (« frame1 », « iframe », « YouTube video player »), ou identique pour des cadres au contenu différent.
- Si tous les cadres avec un
titleont un titre pertinent, le test est validé. Un seul titre non pertinent suffit à faire échouer le test.
Exemples
❌ Non conforme : Titre de cadre générique copié depuis le code d’intégration YouTube
<iframe
src="https://www.youtube.com/embed/dQw4w9WgXcQ"
width="560"
height="315"
title="YouTube video player"
allowfullscreen>
</iframe>Le titre reprend mot pour mot le texte par défaut fourni par YouTube. Un utilisateur de lecteur d’écran qui navigue entre les cadres de la page entend « YouTube video player » — il sait qu’il y a un lecteur YouTube, mais pas quelle vidéo il contient ni pourquoi elle figure sur cette page. Il doit entrer dans le cadre pour le découvrir, ce qui peut représenter une charge cognitive importante s’il y a plusieurs cadres.
✅ Conforme : Titre de cadre décrivant le contenu spécifique de la vidéo
<iframe
src="https://www.youtube.com/embed/dQw4w9WgXcQ"
width="560"
height="315"
title="Tutoriel vidéo : configurer votre compte en 3 étapes"
allowfullscreen>
</iframe>L’utilisateur de lecteur d’écran sait immédiatement ce que contient ce cadre avant d’y entrer. Il peut choisir de le naviguer ou de le passer selon ses besoins. Le titre décrit la nature et le sujet du contenu intégré, pas la plateforme qui le diffuse.
Astuces et pièges
⚠️ Coller le code d’intégration YouTube sans modifier le title
YouTube génère automatiquement title="YouTube video player" dans son snippet d’intégration. C’est l’erreur la plus fréquente en audit sur ce critère : les développeurs collent ce code sans toucher à l’attribut. Systématisez le remplacement de cette valeur dès l’intégration, par exemple via un composant centralisé qui impose un title obligatoire.
⚠️ Titre générique acceptable quand le contexte adjacent est explicite
Un débat existe dans la communauté des auditeurs RGAA : si un titre <h2> précède directement l’iframe et décrit précisément la vidéo, un title="Vidéo YouTube" peut être jugé suffisant. La technique H64 précise que le title d’une iframe « ne labellise pas le contenu, mais indique le but du cadre ». L’approche la plus sûre lors d’un audit reste le titre spécifique, notamment pour les séries de vidéos où le contexte peut être ambigu.
💡 Auditer avec la navigation par cadres du lecteur d’écran
Avec NVDA, appuyez sur F pour naviguer de cadre en cadre. Avec VoiceOver, ouvrez le rotor et sélectionnez « Cadres ». Naviguez uniquement à travers les cadres sans y entrer : si vous comprenez ce que contient chaque iframe rien qu’en écoutant son title, les titres sont pertinents.
⚠️ Plusieurs iframes avec le même title sur une page
Si une page intègre trois vidéos YouTube avec title="Vidéo YouTube", l’utilisateur ne peut pas les distinguer dans la liste des cadres. Chaque title doit être unique et spécifique au contenu de son cadre. Deux iframes identiques dans leur nature peuvent coexister, mais leurs titres doivent les différencier.
⚠️ Les iframes techniques masquées sont hors périmètre
Un <iframe> utilisé à des fins de tracking ou de chargement de scripts tiers avec display:none ou visibility:hidden n’est pas restitué par les lecteurs d’écran. Ces cadres invisibles sont hors du champ du critère 2.2. En revanche, s’ils portent un title, un outil d’audit automatique pourra quand même le signaler.
Questions fréquentes
Comment formuler un title d'iframe vidéo ou de page externe selon le RGAA 2.2 ?
Non, pas mot pour mot — mais il doit en transmettre l’essentiel. L’objectif est que l’utilisateur comprenne ce qu’il va trouver dans le cadre avant d’y entrer. Un title="Vidéo YouTube : configurer votre compte" est suffisant, même si le titre complet de la vidéo est plus long. Visez la clarté, pas l’exhaustivité.
Comment auditer le critère RGAA 2.2 sur la pertinence du title d'iframe sans lecteur d'écran ?
Ouvrez les DevTools et tapez document.querySelectorAll('iframe[title], frame[title]') dans la console. Inspectez chaque attribut title retourné. Un titre est non pertinent s’il est générique, identique sur plusieurs cadres, ou ne décrit pas le contenu. Notez que les outils automatiques détectent les title manquants (critère 2.1) mais ne peuvent pas évaluer la pertinence (critère 2.2) — c’est une vérification manuelle obligatoire.
Pourquoi title="YouTube" ne suffit-il pas pour une iframe vidéo selon le critère RGAA 2.2 ?
Non selon l’interprétation majoritaire du glossaire RGAA, qui demande que le titre reflète la « nature du contenu ». « YouTube » identifie la plateforme, pas la vidéo. Une minorité d’auditeurs accepte un titre générique de type title="Vidéo YouTube" si le contexte de la page est très explicite. En cas de doute, optez pour la version spécifique : title="Vidéo YouTube : [sujet de la vidéo]".
Comment le critère RGAA 2.2 s'applique-t-il à une iframe dépourvue d'attribut title ?
Non. Le critère 2.2 ne concerne que les cadres qui ont déjà un attribut title. L’absence de title relève du critère 2.1. Un cadre sans title fait échouer le critère 2.1 mais est hors du périmètre du critère 2.2.
Comment le critère RGAA 2.2 s'applique-t-il aux éléments <frame> des framesets HTML4 ?
Oui, le texte du critère mentionne explicitement les éléments <frame> et <iframe>. Les framesets HTML4 ont quasiment disparu en 2024, mais si vous en rencontrez un lors d’un audit, les mêmes règles s’appliquent. La pertinence du titre est encore plus critique dans ce contexte, car les lecteurs d’écran anciens permettaient une navigation dédiée cadre par cadre.