Critère RGAA 2.1 · Cadres
Critère RGAA 2.1 : Titre de cadre ou iframe
Les cadres et contenus intégrés doivent être identifiables et compréhensibles, notamment par leur titre accessible.
Comprendre le critère
Le critère RGAA 2.1 porte sur l’identification des cadres et contenus intégrés. L’objectif est de vérifier que cette information ou cette fonctionnalité reste disponible dans le code, pas seulement dans le rendu visuel.
Le contrôle se fait sur les éléments iframe ou frame réellement présents dans le DOM et sur le sens du titre accessible qui les décrit.
Pourquoi c'est important ?
Un cadre mal nommé oblige l’utilisateur à entrer dans un contenu inconnu, parfois externe, sans savoir s’il s’agit d’une carte, d’une vidéo, d’un paiement ou d’une publicité.
Une erreur sur "Titre de cadre ou iframe" peut créer une rupture très concrète : contenu non annoncé, action impossible au clavier, information ambiguë ou parcours incompréhensible pour une technologie d’assistance.
Exemple non conforme
Un contenu intégré n’a pas de titre accessible.
<iframe src="carte.html"></iframe>Exemple conforme
Le cadre annonce clairement son contenu.
<iframe src="carte.html" title="Carte des agences AllyNizer"></iframe>Comment vérifier ce critère ?
- Identifier toutes les occurrences concernées par "Titre de cadre ou iframe" sur la page auditée.
- Lister les iframe et vérifier la présence d’un attribut title.
- Contrôler que le titre décrit le contenu ou la fonction du cadre, pas seulement sa technologie.
- Tester la navigation clavier pour entrer et sortir du contenu intégré.
Erreurs fréquentes
- Utiliser title="iframe" ou title="contenu".
- Oublier les cadres injectés par des outils tiers.
- Donner le même titre à plusieurs cadres aux fonctions différentes.
Questions fréquentes
Ce critère peut-il être testé automatiquement ?
Partiellement. La présence d’un title se détecte automatiquement, sa pertinence doit être relue.
Quel est le premier réflexe pour corriger "Titre de cadre ou iframe" ?
Revenir au besoin utilisateur, puis utiliser le HTML natif le plus approprié avant d’ajouter ARIA, CSS ou JavaScript.
Quand considérer le critère comme non applicable ?
Uniquement lorsque la page ne contient aucun contenu, composant ou cas visé par le critère. Cette décision doit être justifiée dans la grille d’audit.
Tester ce critère avec AllyNizer
Lancez une analyse de page pour repérer les erreurs automatiques, puis complétez avec les vérifications manuelles proposées dans cette fiche.