Desativando a sinalização de elementos ocultos

Entendendo os elementos ocultos

Por padrão, os verificadores de acessibilidade podem sinalizar todos os elementos de uma página, inclusive aqueles que não estão visíveis no momento para o usuário. Isso pode gerar “falsos positivos”—erros que, na verdade, não afetam a experiência do usuário porque o elemento está oculto tanto para usuários que enxergam quanto para leitores de tela.

Quando esta chave está ativada, o verificador ignora automaticamente os elementos intencionalmente ocultos da árvore de acessibilidade.

O que é considerado um “elemento oculto”?

O verificador procura marcadores técnicos específicos para determinar se um elemento deve ser ignorado. Entre eles estão:

• display: none;: Remove o elemento do layout e da árvore de acessibilidade.
• visibility: hidden;: Fica invisível para usuários e leitores de tela, mas mantém o espaço no layout.
• aria-hidden="true": Oculta o elemento apenas das tecnologias assistivas; ele continua visível na tela.
• hidden (atributo): Atributo HTML nativo que oculta elementos visualmente e dos leitores de tela.
• <input type="hidden">: Armazena dados sem interação do usuário nem presença visual.
• Inert (atributo): Desativa a interação e oculta seções de leitores de tela e teclados.

Por que usar este recurso?

Relatórios limpos: Concentre-se apenas nos problemas que afetam seus usuários ativos. 

Menos ruído: Evite que o relatório fique cheio de centenas de erros de “Contraste” ou “Texto alternativo” de elementos que não estão visíveis na tela (como menus móveis ocultos ou pixels de rastreamento).

Desativando a sinalização de elementos ocultos com tags HTML

Desativando elementos ocultos ao alternar a opção Ignorar elementos ocultos

Siga estas etapas se quiser que as verificações ignorem os elementos ocultos sem adicionar tags HTML.