WCAG 4.1.2 · Nível A

Elementos ocultados através de ARIA não devem conter elementos focalizáveis

Elementos focáveis estão ocultos para os leitores de tela, mas ainda podem ser alcançados pelo teclado.

O que esta regra verifica

Certifique-se de que elementos com aria-hidden não contenham elementos focalizáveis.

Por que isso importa

Quem navega pelo teclado para em elementos que os leitores de tela não anunciam (WCAG 4.1.2).

Como corrigir

  1. Remova o aria-hidden de contêineres que têm elementos focáveis, ou adicione tabindex="-1" e o atributo inert a menus laterais (off-canvas) e slides ocultos.

Como conferir a correção

  • Percorra a página com Tab com um leitor de tela ativo.

Como o FixReports detecta o problema

Nossa análise executa a regra aria-hidden-focus do axe-core em um navegador Chrome real em cada página testada e informa cada elemento reprovado com a página, o código e, quando for o caso, uma captura de tela.

Um teste automatizado confirma que esse problema específico existe. Ele não consegue dizer se o restante da página é acessível: algumas barreiras só aparecem quando uma pessoa verifica a página.

Analise seu site hoje

Encontre. Corrija. Verifique.

Que tipo de site é este?

Sua resposta escolhe as verificações certas, como a jornada de compra em lojas online. Mesmo assim verificamos os sinais do próprio site e mostramos os dois.

Que tipo de site é este?

Análise gratuita. Sem cartão de crédito.