QA Visual de Portafolio
Realiza una verificación visual en lugar de una revisión solo de código.
Configuración
Confirma la referencia, ruta, estado de la IU, tamaños de viewport y si la tarea permite la implementación. Inicia el sitio a través de su comando establecido e inspecciona la salida renderizada en los tamaños solicitados; incluye un tamaño móvil cuando la solicitud no lo especifique.
Comparación
Evalúa jerarquía, tipografía y ajuste de texto, espaciado y geometría, colores y contraste, fidelidad de activos, recorte/desbordamiento responsivo, y estados interactivos. Verifica la accesibilidad por teclado y el comportamiento de movimiento reducido cuando esté involucrado movimiento o navegación.
Reporte
Declara la evidencia y las limitaciones primero. Agrupa los hallazgos por prioridad:
P1: bloquea la jerarquía prevista, el acceso o la tarea principal.P2: discrepancia visual o responsiva material.P3: pulido que puede esperar.
Para cada hallazgo, nombra la ruta/estado afectado, el comportamiento observado, la fuente probable y la corrección más pequeña y creíble. Vuelve a probar las correcciones en el viewport afectado. No afirmes que una verificación visual pasó cuando la captura del navegador o la referencia objetivo no estuvieron disponibles.