Guion de prueba con lector de pantalla
Las pruebas automáticas demuestran que el panel dice lo que dice la especificación. Solo una persona con un lector de pantalla real puede saber si se oye de forma clara y agradable. Este es el guion para esa prueba: qué hacer, qué deberías oír y los resultados hasta ahora.
Lo que deberías oír en esta página se calcula a partir de la especificación, no se escribe a mano. En cada cambio, las dos versiones se comprueban contra ello en Chromium, Firefox y WebKit, en los tres idiomas, incluidos los tiempos.
Cómo hacerla
- Abre uno de los enlaces de escenario y activa tu lector de pantalla.
- Ve al encabezado del panel y haz cada paso sin mover el foco por tu cuenta.
- Escucha las mismas palabras en el mismo orden. Los lectores añaden roles y estados, como «encabezado de nivel 2»; es lo esperado.
- Los mensajes «educados» esperan a que el lector termine lo que está diciendo. Los «urgentes» lo interrumpen.
- Anota lo que oíste en el formulario de resultados, también cuando todo salió bien.
Configuraciones que cubrir
- NVDA con Firefox en Windows
- VoiceOver con Safari en macOS
- VoiceOver con Safari en iPhone
- TalkBack con Chrome en Android
El guion
Cargado
Una respuesta normal y rápida con acceso completo.
Abrir en:ReactTypeScript sin framework
Prueba de Playwright:React (.spec.ts)TypeScript sin framework (.spec.ts)
Paso 1 Abre el enlace y espera.
Deberías oír:
Nada. Aquí lo correcto es el silencio.
Paso 2 Pulsa «Repetir solicitud» en los controles del laboratorio.
Deberías oír:
- a los 450 mseducado
Cargando los datos del panel.
- a los 850 mseducado
Panel actualizado: Todos los planes.
- a los 450 mseducado
Cargando
Una respuesta de dos segundos: lo bastante larga para notarse y lo bastante corta para esperar.
Abrir en:ReactTypeScript sin framework
Prueba de Playwright:React (.spec.ts)TypeScript sin framework (.spec.ts)
Paso 1 Abre el enlace y espera.
Deberías oír:
Nada. Aquí lo correcto es el silencio.
Paso 2 Pulsa «Repetir solicitud» en los controles del laboratorio.
Deberías oír:
- a los 450 mseducado
Cargando los datos del panel.
- a los 2150 mseducado
Panel actualizado: Todos los planes.
- a los 450 mseducado
Respuesta lenta
Doce segundos. La interfaz escala en lugar de girar para siempre.
Abrir en:ReactTypeScript sin framework
Prueba de Playwright:React (.spec.ts)TypeScript sin framework (.spec.ts)
Paso 1 Abre el enlace y espera.
Deberías oír:
- a los 3150 mseducado
Esto está tardando más de lo habitual.
- a los 8150 mseducado
Seguimos esperando al servidor. Puedes seguir esperando o cancelar esta solicitud.
- a los 3150 mseducado
Paso 2 Pulsa «Repetir solicitud» en los controles del laboratorio.
Deberías oír:
- a los 450 mseducado
Cargando los datos del panel.
- a los 3150 mseducado
Esto está tardando más de lo habitual.
- a los 8150 mseducado
Seguimos esperando al servidor. Puedes seguir esperando o cancelar esta solicitud.
- a los 450 mseducado
Paso 3 Cuando aparezca «Cancelar solicitud», púlsalo.
Deberías oír:
- a los 0 msEl foco pasa a botón «Volver a cargar».
- a los 150 mseducado
Solicitud cancelada.
Resultados vacíos
La solicitud funciona, pero nada coincide con el filtro.
Abrir en:ReactTypeScript sin framework
Prueba de Playwright:React (.spec.ts)TypeScript sin framework (.spec.ts)
Paso 1 Abre el enlace y espera.
Deberías oír:
- a los 850 mseducado
No hay resultados para Legacy.
- a los 850 mseducado
Paso 2 Pulsa «Ver todos los planes».
Deberías oír:
- a los 450 mseducado
Cargando los datos del panel.
- a los 700 msEl foco pasa a encabezado «Resumen de ingresos».
- a los 850 mseducado
Panel actualizado: Todos los planes.
- a los 450 mseducado
Error con reintento
La primera solicitud falla con un 503. Reintentar lo resuelve.
Abrir en:ReactTypeScript sin framework
Prueba de Playwright:React (.spec.ts)TypeScript sin framework (.spec.ts)
Paso 1 Abre el enlace y espera.
Deberías oír:
- a los 1350 mseducado
El panel no se pudo cargar. Puedes reintentarlo.
- a los 1350 mseducado
Paso 2 Pulsa «Reintentar».
Deberías oír:
- a los 1200 msEl foco pasa a encabezado «Resumen de ingresos».
- a los 1350 mseducado
Panel actualizado: Todos los planes.
Acceso restringido
El visitante no tiene acceso a este panel.
Abrir en:ReactTypeScript sin framework
Prueba de Playwright:React (.spec.ts)TypeScript sin framework (.spec.ts)
Paso 1 Abre el enlace y espera.
Deberías oír:
Nada. Aquí lo correcto es el silencio.
Paso 2 Pulsa «Repetir solicitud» en los controles del laboratorio.
Deberías oír:
- a los 450 mseducado
Cargando los datos del panel.
- a los 850 mseducado
No tienes acceso a este panel.
- a los 450 mseducado
Resultados hasta ahora
Nadie ha hecho aún el guion con un lector de pantalla real. Las pruebas son bienvenidas en cualquier momento con el formulario de abajo.
| Configuración | Cargado | Cargando | Respuesta lenta | Resultados vacíos | Error con reintento | Acceso restringido |
|---|---|---|---|---|---|---|
| NVDA con Firefox en Windows | Sin probar aún | Sin probar aún | Sin probar aún | Sin probar aún | Sin probar aún | Sin probar aún |
| VoiceOver con Safari en macOS | Sin probar aún | Sin probar aún | Sin probar aún | Sin probar aún | Sin probar aún | Sin probar aún |
| VoiceOver con Safari en iPhone | Sin probar aún | Sin probar aún | Sin probar aún | Sin probar aún | Sin probar aún | Sin probar aún |
| TalkBack con Chrome en Android | Sin probar aún | Sin probar aún | Sin probar aún | Sin probar aún | Sin probar aún | Sin probar aún |
Revisión del español y del árabe
El autor redactó los textos en español y árabe. La revisión por hablantes nativos queda pospuesta porque no hay quien la haga, así que ambos siguen marcados como sin revisar. Si algo suena mal, propón una redacción mejor; cada sugerencia aceptada se reconoce.