Resultado visible
Producirás QA-LOCAL.md con evidencias por tamaño de pantalla y una lista priorizada de defectos reproducibles.
Recorrido de revisión
- Abre la URL local en el navegador integrado.
- Revisa primero a 390 × 844 y después a 1440 × 900.
- Usa solo teclado: Tab, Mayús+Tab, Enter, Espacio y Escape.
- Amplía el texto al 200 %.
- Comprueba enlaces, formularios, menú, foco y desbordamiento horizontal.
- Observa consola y solicitudes fallidas.
- Guarda capturas que muestren el defecto y la corrección.
Prompt para una corrección controlada
Reproduce este defecto en la web local antes de editar:
[URL, tamaño, pasos, resultado observado, resultado esperado].
Identifica la causa y cambia solo lo necesario. Después repite los pasos,
revisa móvil y escritorio y aporta evidencia. No rediseñes otras partes.
Cómo escribir un defecto útil
Mal: «no se ve bien».
Bien: «En /contacto, a 390 px, el botón sale 24 px por la derecha y obliga a desplazamiento horizontal. Espero que ocupe como máximo el ancho disponible».
Prioridad
Corrige primero bloqueo de tarea, pérdida de datos, inaccesibilidad y errores. Después confusión y legibilidad. El pulido visual llega al final.
Mini ejercicio
Introduce temporalmente un texto un 50 % más largo en una tarjeta y comprueba si el diseño resiste. Revierte la prueba. La evidencia final debe incluir URL, tamaño, pasos y captura.
Fuentes oficiales
Si has guardado la evidencia de esta lección, continúa con «Crea un sistema visual coherente». Si no, repite la comprobación antes de avanzar.