Scan gratuit

Corriger « Cadre (iframe) sans titre » en HTML

Pourquoi c'est un problème

Un lecteur d'écran annonce « cadre » sans plus de précision : l'utilisateur ne sait pas s'il s'agit d'une vidéo, d'une carte, d'un formulaire de paiement ou d'une publicité, ni s'il vaut la peine d'y entrer.

Comment corriger — HTML

Ajoutez un attribut title sur chaque <iframe>, décrivant son contenu en quelques mots. Un cadre purement décoratif ou vide doit être retiré du parcours avec aria-hidden et tabindex="-1" plutôt que laissé sans titre.

À éviter
<iframe src="https://www.youtube.com/embed/…"></iframe>
Correct
<iframe
  src="https://www.youtube.com/embed/…"
  title="Démonstration : lancer un scan d'accessibilité en 60 secondes"
></iframe>

<!-- Cadre décoratif : hors parcours plutôt que sans titre -->
<iframe src="…" aria-hidden="true" tabindex="-1"></iframe>

Vérifiez votre site en 30 secondes

Conformly détecte ce type de problème sur toutes vos pages, en continu, et vous alerte à chaque régression.

Scan gratuit

Autres corrections