es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

En HTML, ¿cómo puedo ocultar texto que solo es accesible para lectores de pantalla al pasar el cursor sobre él?

Estoy mejorando la accesibilidad de un sitio web. Hay botones de edición y eliminación con un ícono en ellos. Usamos este truco para que sean legibles para los lectores de pantalla, pero solo funciona al tabular:

.pantalla {
posición: absoluta;
ancho: 1 píxel;
altura: 1 píxel;
relleno: 0;
margen: -1px;
desbordamiento: oculto;
recortar: rect (0, 0, 0, 0);
borde: 0;
}

html:

Pero quiero que los usuarios con discapacidad visual, que usan un mouse, puedan escuchar lo que se lee al pasar el cursor sobre los botones. Sin embargo, no puedo hacer que funcione. ¡Espero que alguien pueda ayudarme!

Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Puedes usar el atributo title para agregar una herramienta de información emergente al botón que se leerá en voz alta cuando el usuario lo sobrevuela. Por ejemplo:

    html

Comments are closed.