Titre du cadre

Silktide vérifie que chaque cadre visible intégré à 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 met sur l’élément de cadre lui-même, via l’attribut title — une balise <title> à l’intérieur de la page intégrée ne suffit pas :

<!-- Manquant : 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 clavardage. Un lecteur d’écran dresse la liste des cadres d’une page par leurs titres afin que les utilisateurs puissent décider lesquels 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 : visite guidée du produit », « Clavardage en direct ».
2. Assurez-vous que le titre contient de vrais mots — les espaces ou symboles seuls ne comptent pas.
3. Si un cadre est purement technique et n’affiche rien, comme 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 titres.

Comment Silktide teste ceci

1. Repérer 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 significatif, c’est-à-dire au moins une lettre ou un chiffre. Un titre composé uniquement d’espaces, de ponctuation ou d’emoji échoue.
4. Signaler chaque cadre visible sans titre significatif.

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

Pour 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