Titre du cadre

Silktide vérifie que chaque cadre visible intégré dans vos pages possède un titre lisible décrivant son contenu. Les cadres sans titre obligent les personnes utilisant des technologies d’assistance à y entrer et à les explorer simplement pour découvrir de quoi il s’agit.

Le titre se place sur l’élément du cadre lui-même, via l’attribut title - une balise <title> à l’intérieur de la page intégrée ne suffit pas :

<!-- Manque : rien n’indique aux technologies d’assistance ce qu’est ce cadre -->
<iframe src="ad.html"></iframe>

<!-- Corrigé : l’attribut title nomme le cadre -->
<iframe title="Publicité" src="ad.html"></iframe>

Pourquoi c’est important

Les cadres contiennent souvent des vidéos, des cartes, des publicités, des formulaires de paiement et des widgets de chat. Un lecteur d’écran répertorie les cadres d’une page par leur titre afin que les utilisateurs puissent décider lequel ouvrir. Sans titre, le cadre est annoncé comme un cadre anonyme - ou par son nom de fichier - et l’utilisateur doit y naviguer et en explorer le contenu pour comprendre de quoi il s’agit.

Comment le corriger

1. Ajoutez un attribut title à chaque <iframe> ou <frame> signalé, décrivant brièvement son contenu : "Publicité", "Vidéo : présentation du produit", "Chat en direct".
2. Assurez-vous que le titre contient de vrais mots - des espaces ou des symboles seuls ne suffisent pas.
3. Si un cadre est purement technique et n’affiche rien, par exemple un pixel de suivi, masquez-le plutôt aux technologies d’assistance, par exemple en le rendant invisible ou en ajoutant aria-hidden="true". Les cadres masqués n’ont pas besoin de titre.

Comment Silktide teste cela

1. Trouver tous les éléments <iframe> et <frame> de la page.
2. Ignorer les cadres invisibles et ceux masqués aux lecteurs d’écran avec aria-hidden - les technologies d’assistance ne peuvent pas les sélectionner, ils n’ont donc pas besoin de titre. Les cadres invisibles sont courants pour le code de suivi et les modules sociaux.
3. Vérifier que les cadres restants possèdent un attribut title contenant un texte pertinent, c’est-à-dire au moins une lettre ou un chiffre. Un titre composé uniquement d’espaces, de ponctuation ou d’émojis échoue.
4. Signaler chaque cadre visible sans titre pertinent.

La question de savoir si un titre existant décrit réellement son cadre est traitée séparément dans Titres de cadre.

En savoir plus

• Comprendre le critère de succès 2.4.1 : Contourner des blocs (WCAG 2.2)
• H64 : Utiliser l’attribut title de l’élément iframe (technique WCAG)
• Titres de cadre