Guide RGAA · Thème 2

Cadres

Les 2 critères du thème « Cadres » du RGAA 4.1, expliqués et accompagnés de pistes de correction et d'exemples de code.

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

Ce que ça vérifie — Chaque cadre (<iframe> ou <frame>) doit posséder un attribut title. Ce titre permet aux utilisateurs de lecteurs d'écran d'identifier le contenu d'un cadre et de décider s'ils souhaitent y entrer, sans avoir à l'explorer entièrement.

Comment corriger — Ajoutez un attribut title non vide sur chaque balise <iframe> et <frame>. Chaque cadre présent dans la page doit avoir son propre titre, y compris les cadres techniques (publicité, statistiques, vidéos embarquées).

<!-- À éviter -->
<iframe src="https://www.youtube.com/embed/xxxx"></iframe>

<!-- Recommandé -->
<iframe src="https://www.youtube.com/embed/xxxx" title="Vidéo : présentation du RGAA 4.1"></iframe>

Critère 2.2Pour chaque cadre ayant un titre de cadre, ce titre de cadre est-il pertinent ?

Ce que ça vérifie — Le titre d'un cadre doit décrire fidèlement son contenu. Un titre générique ou trompeur (« cadre », « iframe », « contenu ») n'aide pas l'utilisateur à comprendre ce qu'il va trouver dans le cadre.

Comment corriger — Rédigez un attribut title qui résume précisément le contenu ou la fonction du cadre. Évitez les intitulés vides de sens et différenciez les titres lorsque plusieurs cadres coexistent dans la même page.

<!-- À éviter : titre non pertinent -->
<iframe src="…" title="iframe1"></iframe>

<!-- Recommandé : titre descriptif -->
<iframe src="…" title="Carte de localisation de nos bureaux à Paris"></iframe>

← Tous les thèmes du guide