Teclado

Não tire da ordem de tabulação um iframe que tem conteúdo

Regra: frame-focusable-content
Gravidade: Grave
Nível WCAG A

Por que isso importa

tabindex="-1" no iframe tira o quadro da sequência de tabulação, mas não os controles dentro dele: continuam sendo anunciados e ficam inalcançáveis pelo teclado.

Como corrigir

Remova o tabindex="-1" do iframe.
Se o quadro realmente não tem nada interativo, remova o conteúdo focável dele.

Na marcação

Falha

<iframe src="/widget" title="Chat" tabindex="-1"></iframe>

Passa

<iframe src="/widget" title="Chat"></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:

2.1.1 Teclado (abre em nova aba) — Nível WCAG A

Para aprofundar

Deque University sobre frame-focusable-content (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.