Escenario 1 de 6

Cargado

Una respuesta normal y rápida con acceso completo.

Probarlo en el laboratorio

Comportamiento esperado

Los datos llegan en unos 0,7 segundos. Los esqueletos aparecen a los 300 ms y se sustituyen por contenido exactamente del mismo tamaño.

Por qué se comporta así

El caso ideal es la referencia con la que se mide cualquier otro estado. Reservar las dimensiones finales mantiene el desplazamiento del diseño cerca de cero.

  • Reserva el tamaño final de cada widget antes de que lleguen los datos, para que el contenido sustituya a los marcadores en lugar de empujar la página.
  • Anuncia solo las actualizaciones que causó el usuario. Anunciar la carga inicial compite con el lector de pantalla mientras lee la página.
  • Formatea los números para quien lee: moneda con unidades y variaciones con la dirección en palabras, no solo con color o una flecha.

Accesibilidad

La región del panel se marca como ocupada mientras carga. No se anuncia nada en la primera carga; un cambio que provocas se anuncia una vez al terminar.

Errores que este escenario saca a la luz

  • Indicadores giratorios que desplazan el diseño cuando llega el contenido.
  • Variaciones transmitidas solo con rojo y verde.