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.

Hacer que un lector de pantallas pause entre párrafos y divisiones.

02 Jun, 2023 Programación

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?

Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    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 de polite. 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 de region para definir el límite de accesibilidad para el contenido que el lector de pantalla debe leer en voz alta.

    Por ejemplo:

    <div role="region" aria-label="Información de página" aria-live="polite">
  Imagen de logotipo de marca
  <div role="region" aria-label="Información de versión">
    <p id="backendVersion">Versión del backend: {{backendVersion.getString()}}</p>
    <p id="frontendVersion">Versión del frontend: {{frontendVersion.getString()}}</p>
   </div>
</div>

    En cuanto al div con aria-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.

Comments are closed.