Mensajes de estado
Cuando un usuario pulsa un botón, presiona Enter o escribe en un campo, la página suele actualizarse en el sitio: aparece un spinner, entra un aviso emergente, cambia un contador de resultados, un formulario muestra "¡Guardado!". Quien ve la pantalla percibe esas actualizaciones al instante. Quien usa un lector de pantalla solo las oye si la página está programada para anunciarlas. Cuando no se anuncian, eso es un incumplimiento de WCAG 4.1.3.
Esta revisión observa qué cambia en la página después de una interacción y reporta las actualizaciones que ocurren en silencio.
Los tres tipos de actualización que se revisan
| Área | Ejemplos |
|---|---|
| Indicadores de carga | Un spinner, una barra de progreso o un esqueleto de contenido mientras algo está pendiente — "Subiendo…", "Cargando transacciones…" |
| Resultados de búsqueda | Contadores de resultados que se actualizan, "No se encontraron resultados", un cambio de página en la paginación, contadores de filtros, sugerencias mientras se escribe |
| Feedback de acciones y formularios | Un aviso de "Artículo añadido al carrito", un medidor de "Contraseña débil", errores de validación, banners de éxito, contadores de "me gusta" |
Si una página produce alguna de estas tres clases de actualización en silencio, la herramienta lo reporta. Si la página la anuncia correctamente, la herramienta no dice nada.
Cómo decide la herramienta si algo se anunció
Después de cada interacción, la herramienta registra qué cambió en la página y se hace una sola pregunta: ¿se habría enterado quien usa un lector de pantalla?
Cuenta una actualización como anunciada cuando se cumple alguna de estas condiciones:
- El contenido que cambió está dentro de una región activa — un área que la página ha marcado para que se lea en voz alta cuando cambie.
- El foco se movió hacia el contenido nuevo o actualizado, de modo que el lector de pantalla lo lee al llegar.
- El control que el usuario activó cambió su estado de expandido, algo que los lectores de pantalla anuncian.
- Una barra de progreso actualizó su valor, lo que se va anunciando conforme avanza.
Si no ocurrió ninguna de esas cosas, la actualización fue silenciosa y se reporta.
Cuándo no reporta
- La actualización se anunció por alguna de las vías anteriores.
- La actualización fue demasiado breve para importar. Un spinner que parpadea un par de cientos de milisegundos y desaparece se ignora — anunciarlo sería ruido, no ayuda.
- Varias cosas parecidas se actualizan a la vez. Cuando cuatro widgets se refrescan y tres lo hacen en silencio, la herramienta reporta un issue para el caso más relevante en lugar de tres casi idénticos.
Limitaciones conocidas
Hay dos áreas que hoy se comportan de forma imperfecta. Si un caso cae en alguna de ellas, es el comportamiento esperado y no un bug nuevo.
Spinners dentro de carruseles y galerías
Muchos sitios muestran un pequeño spinner cada vez que el usuario pulsa Siguiente en un carrusel de imágenes, o cuando se cargan las siguientes miniaturas de una galería. Esos spinners son decorativos —no representan una tarea real que el usuario esté esperando— y no necesitan anunciarse.
Hasta que esto se resuelva, la herramienta puede marcarlos como incumplimientos. Hay que esperar falsos positivos en:
- Carruseles donde Siguiente muestra brevemente un indicador de carga antes de dibujar la diapositiva siguiente.
- Galerías de fotos con miniaturas de carga diferida.
Adivinar dónde apareció el mensaje de estado
Hoy la herramienta determina si una actualización ocurrió encima, debajo, dentro o sobre el control que el usuario pulsó fijándose en la estructura de la página, y no en las posiciones reales en pantalla. Esa conjetura acierta la mayoría de las veces, pero falla en páginas que colocan un aviso emergente muy lejos, dentro de la estructura, de donde aparece visualmente.
Por eso hay dos tipos de página que pueden comportarse fuera de lo esperado:
- Un aviso emergente que se superpone a la pantalla pero vive al final de la estructura de la página. Puede no reconocerse como superpuesto, así que puede filtrarse cuando no debería, o reportarse cuando no debería.
- Una insignia de carrito situada visualmente junto al botón que la lógica actual etiqueta como debajo del control, lo que puede hacer que se filtre.
Cómo verificarlo a mano
Usa un lector de pantalla — NVDA con Firefox, o VoiceOver con Safari en macOS.
- Carga la página y lleva el foco al control que quieras probar.
- Realiza la acción: pulsa el botón, envía el formulario, escribe en el campo.
- Escucha. Sin mirar la pantalla, ¿podrías saber qué pasó?
Si la página cambió a la vista y el lector de pantalla no dijo nada, ese es el incumplimiento que busca esta revisión.
Referencia WCAG
Criterio de conformidad 4.1.3 Mensajes de estado (Nivel AA)
"En contenido implementado con lenguajes de marcado, los mensajes de estado se pueden determinar programáticamente mediante rol o propiedades, de forma que las tecnologías asistivas puedan presentárselos al usuario sin que reciban el foco."