Sobre esta regra de acessibilidade
Elementos com aria-hidden não devem conter elementos focalizáveis.
Usar a propriedade aria-hidden="true" num elemento remove o elemento e todos os seus nós filhos da API de acessibilidade, tornando o elemento completamente indisponível para leitores de ecrã e outras tecnologias assistivas.
aria-hidden pode ser usado com extrema discrição para ocultar conteúdo visualmente exibido das tecnologias assistivas se o ato de ocultar este conteúdo for destinado a melhorar a experiência dos utilizadores de tecnologias assistivas, reduzindo conteúdo redundante ou supérfluo.
Se aria-hidden for empregado para ocultar material dos leitores de ecrã, o mesmo significado e funcionalidade equivalente deve ser disponibilizado às tecnologias assistivas.
Usar aria-hidden="false" em conteúdo que é descendente de um elemento que está oculto usando aria-hidden="true" não revelará esse conteúdo à API de acessibilidade, nem será acessível a leitores de ecrã ou outras tecnologias assistivas.
A regra aplica-se a qualquer elemento cujo valor do atributo aria-hidden seja true.
Ao adicionar aria-hidden="true" a um elemento, os autores asseguram que as tecnologias assistivas irão ignorar o elemento.
Isto pode ser usado para ocultar elementos estéticos, como tipos de letra de ícones, que não são destinados a serem lidos por tecnologias assistivas.
Um elemento focalizável com aria-hidden="true" é ignorado como parte da ordem de leitura, mas continua a fazer parte da ordem de foco, tornando pouco claro se está visível ou oculto.
O que esta regra de acessibilidade verifica
Para todos os componentes de interface do utilizador, incluindo elementos de formulário, ligações e componentes gerados por script, o nome e o papel podem ser identificados programaticamente; estados, propriedades e valores especificados pelo utilizador podem ser definidos programaticamente; e os agentes do utilizador, incluindo tecnologias assistivas, são notificados das alterações.
Ajude-nos a melhorar os nossos guias
Detecte problemas de acessibilidade automaticamente
O Rocket Validator examina milhares de páginas com Axe Core e o W3C Validator, encontrando problemas de acessibilidade em todo o seu site.