Alternativas textuais
Títulos de quadros precisam ser distintos
- Regra:
frame-title-unique - Gravidade: Grave
- Nível WCAG A
Por que isso importa
Leitores de tela listam os quadros pelo título. Três quadros chamados “Vídeo” não permitem escolha alguma.
Como corrigir
- Dê a cada iframe da página um título que diga o que há nele.
- Inclua o detalhe que diferencia — “Vídeo do tour do produto”, não “Vídeo 1”.
Na marcação
<iframe src="/a" title="Video"></iframe>
<iframe src="/b" title="Video"></iframe><iframe src="/a" title="Product tour video"></iframe>
<iframe src="/b" title="Customer story video"></iframe>A exigência por trás disso
Esta regra é uma das formas de falhar nos seguintes critérios de sucesso das WCAG 2.2. O W3C, que publica a norma, explica cada um deles:
- 4.1.2 Nome, função e valor (abre em nova aba) — Nível WCAG A
Para aprofundar
Deque University sobre frame-title-unique (abre em nova aba)
A Deque mantém o axe-core, o motor de código aberto que o nosso scanner executa. A página deles documenta a regra como o motor a implementa.
Verificações automáticas encontram falhas que o navegador consegue comprovar. Elas não julgam se uma legenda está correta, se um texto alternativo é útil, nem se a página pode ser operada de ponta a ponta pelo teclado — isso exige uma pessoa.