Sobre esta regra de acessibilidade
Esta regra determina se os elementos aria-hidden contêm ou não 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 totalmente indisponível para leitores de ecrã e outras tecnologias assistivas.
O aria-hidden pode ser usado com extrema discrição para ocultar conteúdo visualmente apresentado 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 o aria-hidden for empregado para ocultar material dos leitores de ecrã, o mesmo significado e funcionalidade equivalente devem ser disponibilizados à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 ignorarão o elemento.
Isto pode ser usado para ocultar elementos estéticos, como tipos de letra de ícones, que não se destinam a ser lidos pelas 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 verifica esta regra de acessibilidade
Para todos os componentes da interface de utilizador, incluindo elementos de formulário, ligações e componentes gerados por scripts, o nome e função podem ser identificados programaticamente; estados, propriedades e valores especificados pelo utilizador podem ser definidos programaticamente; e os agentes de 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.