ARIA27Anunciar el avance de una barra de progreso con ariaNotify

Por qué es importante

Una barra de progreso suele cambiar solo de forma visual. Una persona ciega que sube un documento no sabe si la subida avanza, se ha parado o ha terminado.

Si el aviso llega al lector de pantalla (programa que lee en voz alta lo que hay en la pantalla), la persona puede seguir trabajando y enterarse del resultado. Esto pide el criterio de mensajes de estado.

Cómo se hace

1. Tenga una barra de progreso visible y con nombre, por ejemplo con <progress> y su etiqueta.
2. Cuando el avance cambie de forma importante, llame a ariaNotify() con un texto breve, por ejemplo «Subida al 50 %».
3. No anuncie cada punto porcentual. Avise cada cierto tramo y al terminar, para no saturar a la persona.
4. No mueva el foco a la barra ni al mensaje. La persona debe poder seguir donde estaba.
5. Como el soporte aún es limitado, compruebe antes que la función existe. Mantenga además una región viva con role="status" (técnica ARIA25) como vía principal.

Cómo comprobarlo

1. Localice en la página una barra de progreso que cambie sola, por ejemplo al subir un archivo.
2. Active un lector de pantalla compatible y lance la acción.
3. Compruebe que oye el avance y el final sin que el foco se mueva.
4. Pruebe también en un navegador sin ariaNotify. La región viva debe seguir anunciando el estado.

Ejemplo

Aviso del avance de una subida, usando ariaNotify solo si el navegador lo admite.

function avisar(texto) {
  // Vía principal: región viva con role="status"
  document.getElementById("estado").textContent = texto;
  // Mejora añadida si el navegador la admite
  if ("ariaNotify" in document) {
    document.ariaNotify(texto);
  }
}
avisar("Subida al 50 %");