Garanta que apenas partes relevantes da página sejam expostas a leitores de tela e outras tecnologias adaptativas. Por exemplo, conteúdo fora da tela ou apenas de apresentação precisa ser ocultado das tecnologias adaptativas.
Como testar manualmente
Para verificar se o conteúdo fora da tela está oculto, é necessário testar manualmente esse conteúdo usando um leitor de tela. - Para usuários de Mac, assista este vídeo sobre como usar o VoiceOver. - Para usuários de PC, confira este vídeo sobre como usar o NVDA. - Para usuários de Chromebooks, confira o ChromeVox, o leitor de tela integrado.
Use a tecla TAB
para percorrer a página.
O leitor de tela não deve anunciar conteúdo oculto.
Como corrigir
Para ocultar o conteúdo fora da tela,
remova o elemento que tem esse conteúdo da
ordem da guia, definindo-o como display: none
ou visibility: hidden
.
Exemplo:
.remove-me {
visibility: hidden;
}
<button class="remove-me">Can't reach me with the TAB key!</button>
Consulte também Definir corretamente a visibilidade do conteúdo fora da tela.
Recursos
O código-fonte de O conteúdo fora da tela está oculto para a auditoria de tecnologia adaptativa