Rendre vos cadres accessibles – Thème 2 du RGAA

Les cadres (ou iframes) sont couramment utilisés pour intégrer du contenu externe dans une page web : vidéos, cartes…
Bien qu’ils soient pratiques, ils peuvent devenir de véritables pièges en matière d’accessibilité s’ils ne sont pas correctement utilisés.

Pour certains utilisateurs, notamment ceux qui utilisent des technologies d’assistance comme les lecteurs d’écran, les cadres peuvent compliquer la navigation et la compréhension du contenu.
Le RGAA (Référentiel Général d’Amélioration de l’Accessibilité) impose donc des règles précises pour garantir leur accessibilité.

Pourquoi les cadres posent-ils un problème d’accessibilité ?

Un cadre agit comme une “fenêtre dans la page”. Il contient un contenu indépendant du reste du site.
Sans indication claire, un utilisateur peut ne pas comprendre : qu’il est entré dans un contenu différent, ce que contient ce cadre et comment en sortir.

Pour un utilisateur voyant, le contexte visuel aide à comprendre. Mais pour une personne aveugle, cette transition peut être invisible et déroutante.

Quels sont les différents usages de cadre ?

Tous les cadres ne sont pas utilisés de la même manière :

• Contenu embarqué informatif : une vidéo ou une carte. Le titre doit décrire le contenu.
• Contenu interactif : un formulaire ou une application externe. Le titre doit préciser la fonction.
• Publicités ou contenus tiers : Souvent mal intégrés, ils doivent être identifiables pour éviter la confusion.

L’importance du titre de cadre

La règle principale est simple : chaque cadre doit avoir un titre explicite.
Ce titre permet aux technologies d’assistance d’annoncer clairement le contenu du cadre.

Quelques exemples de titres possibles : “Carte interactive des agences” ; “Vidéo de présentation du service” ou encore “Formulaire de paiement sécurisé”

Un bon titre permet à l’utilisateur de décider s’il souhaite entrer dans ce contenu ou non.

L’impact sur l’expérience utilisateur

Des cadres mal utilisés peuvent : Désorienter les utilisateurs, ralentir la navigation, empêcher l’accès à certaines fonctionnalités…
À l’inverse, un cadre bien identifié s’intègre naturellement dans le parcours utilisateur.

Les erreurs fréquentes à éviter lorsque l’on veut rendre un cadre accessible

Voici les problèmes les plus courants :

• Absence de titre ou titre trop vague
• Multiplication de cadres 
• Contenu inaccessible à l’intérieur du cadre
• Navigation bloquée ou difficile

Ces erreurs rendent l’expérience frustrante, voire inutilisable.

Les bonnes pratiques à adopter pour rendre accessible vos cadres

Pour garantir l’accessibilité de vos cadres :

• Donner un titre clair et précis
• Limiter le nombre de cadres
• Vérifier que le contenu embarqué est lui-même accessible
• Tester la navigation au clavier
• S’assurer que l’utilisateur peut facilement revenir à la page principale

Les cadres sont utiles, mais ils doivent être utilisés avec précaution. En les rendant compréhensibles et accessibles, vous évitez de perdre vos utilisateurs en cours de route et vous améliorez la conformité de votre site au RGAA (2 critères concernés).
Un cadre bien conçu est un cadre qui guide, pas qui piège !

Questions fréquentes sur l’accessibilité des cadres