Alternatives textuelles
Les iframes ont besoin d’un titre
- Règle:
frame-title - Gravité: Sérieux
- Niveau WCAG A
Pourquoi c’est important
Un cadre sans titre est annoncé par son URL, ou passé sous silence. Tout ce qui est embarqué — un formulaire de paiement, une carte, une vidéo — devient un trou sans étiquette dans la page.
Comment corriger
- Ajoutez un attribut title décrivant le contenu du cadre.
- Pour un cadre purement décoratif ou vide, mettez plutôt title="" et aria-hidden="true".
- Les intégrations tierces comptent aussi : le titre se met de votre côté du balisage.
Dans le balisage
<iframe src="/payment"></iframe><iframe src="/payment" title="Payment form"></iframe>L’exigence sous-jacente
Cette règle est une manière d’échouer aux critères de succès WCAG 2.2 suivants. Le W3C, qui rédige la norme, explique chacun d’eux :
- 4.1.2 Nom, rôle et valeur (s’ouvre dans un nouvel onglet) — Niveau WCAG A
Pour aller plus loin
Deque University sur frame-title (s’ouvre dans un nouvel onglet)
Deque développe axe-core, le moteur open source utilisé par notre scanner. Sa page documente la règle telle que le moteur l’implémente.
Les contrôles automatiques trouvent les défaillances qu’un navigateur peut prouver. Ils ne peuvent pas juger si un sous-titrage est fidèle, si une alternative textuelle est utile, ni si une page s’utilise de bout en bout au clavier : cela demande une personne.