Escenario 2 de 6
Cargando
Una respuesta de dos segundos: lo bastante larga para notarse y lo bastante corta para esperar.
Comportamiento esperado
Durante los primeros 300 ms no cambia nada. Después, los esqueletos mantienen la forma de cada widget hasta que llegan los datos.
Por qué se comporta así
La mayoría de respuestas son rápidas. Retrasar el esqueleto evita un destello de marcadores en solicitudes rápidas y sigue dando información en las lentas.
- Retrasa los esqueletos unos 300 ms. Por debajo de eso, un marcador parece un fallo, no un progreso.
- Los esqueletos deben reflejar el diseño real (número de tarjetas, altura del gráfico, filas de la tabla), no un bloque genérico.
- Marca la región que se actualiza con aria-busy y anuncia la carga una sola vez, de forma cortés.
Accesibilidad
«Cargando los datos del panel» se anuncia una vez y la región lleva aria-busy para que los lectores de pantalla no lean contenido a medio dibujar.
Errores que este escenario saca a la luz
- Un indicador a pantalla completa que oculta contenido que el usuario ya podía leer.
- Anunciar «cargando» una y otra vez en cada renderizado.