Lectores de pantalla


El Kit Digital incluye la clase .uc-sr-only que permite ocultar contenido específico a la vista, pero que permanece accesible para herramientas de lectura de pantalla (también llamadas "screen readers", como JAWS para Windows o VoiceOver para Mac). Esta técnica es muy útil para proporcionar una experiencia mejorada a los usuarios con discapacidades visuales que utilizan lectores de pantalla, ya que les permite acceder al contenido que puede ser importante para la comprensión del contexto. Por lo tanto, al utilizar esta técnica, el contenido dentro del elemento con la clase .uc-sr-only será incluido en el árbol de accesibilidad.

A modo de ejemplo, se puede utilizar la clase .uc-sr-only para incluir un título (etiqueta <h1>) en la página de inicio de un sitio, sin necesidad de dejarlo a la vista, o de forzar a que alguno de los elementos que ya son visibles sea el título <h1> de la página (acá se puede observar este ejemplo).

No es recomendable utilizar esta clase para fines distintos a los descritos, pues está pensada solo en casos donde el contenido oculto sigue siendo relevante para la comprensión del contenido de la página. Utilizarla para ocultar contenido importante para personas sin discapacidades visuales podría perjudicar la experiencia de uso del sitio.

Ejemplo de uso