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