Teclado

Ofereça um caminho para pular a navegação

Regra: bypass
Gravidade: Grave
Nível WCAG A

Por que isso importa

Quem usa teclado ou leitor de tela encontra os mesmos quarenta links de cabeçalho em cada página. Sem um atalho, chegar ao conteúdo custa quarenta toques toda vez.

Como corrigir

Adicione um link “Pular para o conteúdo” como primeiro elemento focável, apontando para a região principal.
Envolva o conteúdo em <main id="main"> e use <nav>, <header> e <footer> ao redor.
Torne o link visível ao receber foco — link que ninguém vê é link que ninguém usa.

Na marcação

Falha

<body>
  <nav>... 40 links ...</nav>
  <div>Article</div>
</body>

Passa

<body>
  <a href="#main" class="skip-link">Skip to content</a>
  <nav>... 40 links ...</nav>
  <main id="main">Article</main>
</body>

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.4.1 Ignorar blocos (abre em nova aba) — Nível WCAG A

Para aprofundar

Deque University sobre bypass (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.