Accesibilidad

Clases y otros recursos para hacer interfaces más accesibles.

Contenido

Ocultar texto visualmente

Para esconder texto de manera que solo sea legible por lectores de pantalla (por ejemplo, para explicar una acción que solo se presenta con un icono), se puede englobar el texto de ayuda en un span con la clase .visually-hidden.

<span class="visually-hidden">Compartir en Twitter</span>

Ocultar texto a los lectores de pantalla

Para que determinados elementos no sean leídos por lectores de pantalla (controles que solo tienen sentido visualmente, o iconos tipográficos), se les puede añadir el atributo aria-hidden="true".

<span aria-hidden="true">Texto oculto para lectores de pantalla</span>
Subir