Garanta que apenas partes relevantes da página sejam expostas a leitores de tela e outras tecnologias adaptativas. Por exemplo, o conteúdo que está fora da tela precisa ser ocultado das tecnologias assistivas.
Como testar manualmente
Para verificar se o conteúdo fora da tela está oculto, faça testes com leitores de tela.
- Para usuários de Mac, confira 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 navegar pela 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 contém esse conteúdo da
ordem das guias 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
Código-fonte para a auditoria de conteúdo fora da tela oculto da tecnologia assistiva