Asegúrate de que solo las partes relevantes de la página queden expuestas a los lectores de pantalla y a otras tecnologías de accesibilidad. Por ejemplo, el contenido que está fuera de la pantalla debe ocultarse de las tecnologías de accesibilidad.
Cómo realizar pruebas manuales
Para verificar que el contenido fuera de pantalla esté oculto, debes probar con los lectores de pantalla.
- Si eres usuario de Mac, mira este video sobre cómo usar VoiceOver.
- Si usas una PC, mira este video sobre el uso de NVDA.
- Si usas Chromebooks, consulta ChromeVox, el lector de pantalla integrado.
Usa la tecla TAB para desplazarte por la página. El lector de pantalla no debe anunciar contenido oculto.
Cómo corregirlo
Para ocultar el contenido fuera de la pantalla, quita el elemento que contiene ese contenido del orden de tabulación configurándolo como display: none o visibility: hidden.
Por ejemplo:
.remove-me {
visibility: hidden;
}
<button class="remove-me">Can't reach me with the TAB key!</button>
Consulta también Cómo configurar correctamente la visibilidad del contenido fuera de pantalla.