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

<https://www.fixreports.com/pt-br/issues/aria-hidden-focus>

WCAG 4.1.2 Nome, Função, Valor · Nível A

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
### Em qualquer site
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.

### Na Shopify
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.

### No WooCommerce e no WordPress
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.

## Fontes
- Documentação da regra do axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/aria-hidden-focus
- Entendendo a WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value