Colofón
Cómo está hecha esta web.
Decimos que la precisión debe poder comprobarse. Esta página nos aplica esa regla: qué recibes al abrir la web, con qué está construida y qué no hemos comprobado todavía.
En tu navegador
Lo que acabas de recibir.
Esta página, medida en tu navegador en esta visita
Sin cookies. Sin scripts de terceros. Sin analítica.
- Peticiones
- —
- Transferido
- —
- Carga completa
- —
- Recursos de terceros
- —
- Cookies
- —
- Archivos de fuente
- —
- JavaScript en la página
- —
- CSS en la página
- —
- Elementos del documento
- —
- Peticiones
- Archivos que tu navegador ha pedido para pintar esta página, contando el propio documento.
- Transferido
- Lo que ha viajado por la red en esta visita. En una segunda visita baja, porque el navegador ya guarda las fuentes.
- Recursos de terceros
- Archivos pedidos a otros dominios. Son cero: no hay analítica, mapas, vídeos incrustados ni fuentes externas.
- Cookies
- Las que esta web ha guardado en tu navegador. Ninguna.
Decisiones
Seis decisiones y su porqué.
HTML primero
Las páginas se generan al compilar y llegan como HTML ya hecho. Solo el formulario de contacto se procesa en el servidor.
JavaScript, el justo
Sin framework en el navegador ni dependencias. El código cubre el menú, la inspección, estas mediciones y el panel de demostración. Con JavaScript desactivado la web se lee entera y el formulario funciona.
Fuentes propias y recortadas
Inter y Geist Mono se sirven desde este mismo dominio, reducidas a los caracteres que usa el español. Son cuatro archivos.
Nada de terceros
Sin analítica, sin píxeles de seguimiento y sin cookies. Por eso no ves un aviso de cookies. Si algún día medimos visitas, lo diremos aquí.
Movimiento con interruptor
Las animaciones son breves y ocurren una vez. Si tu sistema pide reducir el movimiento, no hay ninguna.
Medidas a la vista
El botón «Inspeccionar» dibuja la retícula real de 12 columnas y lee del navegador la tipografía, el tamaño y el contraste de cada titular.
Color
Contraste calculado, no supuesto.
Estos son los pares de color que usa la web. El ratio de cada uno se calcula al compilar con la fórmula de WCAG 2.2. Activa «Inspeccionar» y verás la misma cifra medida en tu navegador.
Aa
17,76:1
Grafito sobre blanco
Texto principal. Texto normal y grande.
Aa
4,62:1
Gris de texto sobre blanco
Texto secundario. Texto normal y grande.
Aa
5,93:1
Azul tinta sobre blanco
Enlaces y numeración. Texto normal y grande.
Aa
5,93:1
Blanco sobre azul tinta
Botones sobre claro. Texto normal y grande.
Aa
4,90:1
Grafito sobre azul de acento
Botones sobre oscuro. Texto normal y grande.
Aa
8,51:1
Gris claro sobre grafito
Texto secundario en oscuro. Texto normal y grande.
Aa
14,65:1
Grafito sobre mineral
Texto sobre mineral. Texto normal y grande.
Aa
4,89:1
Azul tinta sobre mineral
Numeración sobre mineral. Texto normal y grande.
Aa
3,63:1
Azul de acento sobre blanco
Gráficos y titulares grandes. Solo texto grande y gráficos.
Comprobaciones
Lo comprobado y lo que falta.
Última revisión: 10 de octubre de 2026. Una herramienta automática y un buen contraste no demuestran por sí solos que una web sea accesible.
Comprobado
- axe-core, criterios A y AA de WCAG 2.2: sin infracciones en todas las páginas y en los estados del formulario.
- Lighthouse en móvil: 100 en rendimiento, accesibilidad y buenas prácticas.
- Uso completo con teclado: enlace para saltar al contenido, foco visible y menú que se cierra con Escape.
- Sin desbordamiento horizontal entre 320 y 1920 píxeles de ancho.
- Lectura completa con JavaScript desactivado y con el movimiento reducido.
Sin comprobar todavía
- Lectores de pantalla.
- Safari y Firefox: las pruebas se hicieron en Chromium.
- Dispositivos reales, más allá de la emulación.
- Generador
- Astro 7.3.8
- Alojamiento
- Cloudflare Workers
- Lenguaje
- TypeScript, HTML y CSS, sin framework en el navegador
- Tipografías
- Inter y Geist Mono, con licencia SIL Open Font License