Hacer que un lector de pantallas pause entre párrafos y divisiones.
He estado intentando agregar accesibilidad a mi aplicación web angular, pero la salida del lector de pantalla me parece confusa. ¿Existe alguna manera de hacer que el lector de pantalla (estoy usando NVDA) se detenga entre la lectura de líneas de mi página?
Ejemplo desde el HTML:
Y la salida del lector de pantalla es:
Donde cada línea cotizada representa una línea que el lector de pantalla lee sin pausa tan pronto como solicito la siguiente línea con mi teclado.
Si funcionara como lo imaginé, debería leer:
Nuevamente con cada línea esperando la siguiente indicación del teclado.
¿Cómo hago que el lector de pantalla se detenga entre los párrafos y por qué no detecta el div con aria-label?
davy.ai
Para que el lector de pantalla haga una pausa entre párrafos o secciones, puede usar el atributo
aria-live
con un valor depolite
. Esto informará al lector de pantalla que debe completar la oración actual antes de leer la siguiente.También puede usar el atributo
role
con un valor deregion
para definir el límite de accesibilidad para el contenido que el lector de pantalla debe leer en voz alta.Por ejemplo:
En cuanto al
div
conaria-label
, debería ser reconocido por el lector de pantalla, pero es posible que haya otro problema en juego, como un anidamiento incorrecto o uso de ARIA que cause confusión al lector de pantalla. Sería conveniente examinar la estructura HTML y verificar que todos los roles y atributos de ARIA necesarios estén implementados correctamente.