Asegúrate de que solo las partes relevantes de la página estén expuestas a los lectores de pantalla y otras tecnologías de accesibilidad. Por ejemplo, el contenido fuera de la pantalla o solo de presentación debe ocultarse de las tecnologías de accesibilidad.
Cómo probarlo manualmente
Para verificar que el contenido fuera de pantalla esté oculto, debes probarlo manualmente con un lector de pantalla. - Si eres usuario de Mac, mira este video sobre cómo usar VoiceOver. - Si eres usuario de PC, mira este video sobre el uso de NVDA. - Para los usuarios de Chromebooks, consulta ChromeVox, el lector de pantalla integrado.
Usa la tecla TAB
para desplazarte por tu página.
El lector de pantalla no debe anunciar el contenido oculto.
Cómo corregirlo
Para ocultar el contenido fuera de pantalla, quita el elemento que lo incluye del orden de tabulación. Para ello, configúralo 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.