QA & Créditos

Imágenes reales (no IA generativa)

Todas las imágenes del sitio provienen de Wikimedia Commons (licencias CC o dominio público) o de mapas de OpenStreetMap.

Sin imágenes repetidas

Cada imagen aparece una sola vez en el sitio. No se reutiliza la misma fotografía en páginas distintas.

Relación directa con cada tema

Cada imagen está seleccionada para ilustrar el contenido específico de su sección: tráfico para Historia, velocímetro para Física, plano cartesiano para Matemáticas, etc.

Atribución y créditos

Todas las imágenes tienen crédito discreto visible en la esquina inferior derecha y listado completo en esta página.

Alt text descriptivo en todas las imágenes

Todas las etiquetas <img> incluyen atributo alt con descripción específica del contenido para accesibilidad y SEO.

Lazy loading activado

Todas las imágenes excepto las del hero principal usan loading="lazy" para optimizar la carga inicial del sitio.

Fallback si imagen no carga

Todas las imágenes tienen onerror handler o fondo CSS para que el diseño no se rompa si una imagen falla al cargar.

Responsive — desktop, tablet y móvil

El sitio adapta su layout a pantallas de cualquier tamaño mediante CSS Grid, Flexbox y media queries. Probado en breakpoints de 1280px, 768px y 375px.

Navegación sticky funcional

El nav permanece visible al hacer scroll. En móvil se muestra menú hamburguesa con desplegable. Los enlaces activos están marcados.

Smooth scroll activado

scroll-behavior: smooth en el CSS global. Los links de anchor tienen padding-top para compensar el nav fijo.

Estructura semántica HTML5

Uso correcto de <nav>, <main>, <section>, <article>, <footer>, <h1>–<h3>. Roles ARIA en elementos de navegación.

Sin dependencias externas (excepto Google Fonts)

No se utilizan frameworks JS ni librerías de terceros. Todo el código es HTML/CSS/JS puro, optimizado para carga rápida.

6+ imágenes relacionadas al tema por página

Cada página del sitio supera el mínimo de 6 imágenes relevantes al contenido según el criterio de Tecnología.

Video funcional incrustado

El espacio del video en entrevista.html está listo y preparado. Pendiente: insertar el enlace de YouTube o archivo MP4 del reportaje final una vez grabado.

Publicación en subdominio de torres.ink

El sitio está listo para desplegar como HTML estático. Ver README.md para instrucciones de deploy en subdominio de torres.ink.

Sin textos genéricos (lorem ipsum)

Todo el contenido textual del sitio es original y específico al tema del tráfico en Pachuca y las materias del proyecto.

Placeholders claros para contenido pendiente

Los espacios donde falta el plano de Español, los planos 2D y 3D de Matemáticas, y el video están claramente marcados con etiquetas y descripción de qué se debe insertar.

Calidad editorial y ortografía

Todos los textos han sido revisados para ortografía, puntuación y coherencia. Redacción formal y apropiada para presentación institucional.

Accesibilidad básica (WCAG)

Contraste de color suficiente, alt text en imágenes, roles ARIA en navegación, focus visible en elementos interactivos y estructura semántica.