Declaración de accesibilidad
Última actualización: 17 de agosto de 2026.
Nuestro objetivo
Este sitio apunta a WCAG 2.2 nivel AA. Es un compromiso, no una declaración de perfección, y las brechas conocidas están abajo en vez de escondidas.
Qué hacemos
Estructura. Regiones semánticas en cada página, un solo h1 y sin saltos de nivel de encabezado. Ambas cosas se verifican en la compilación y una infracción la detiene.
Teclado. Todo es operable con teclado: la barra de comandos, las calculadoras, el cambio de tema, el selector de idioma, las tablas de datos de las gráficas y toda la navegación. La barra de comandos atrapa el foco mientras está abierta y lo devuelve al cerrarse.
Foco. Un anillo de foco de 2px con 2px de separación, nunca eliminado. Cada elemento enfocable tiene un margen de desplazamiento igual a la altura del encabezado, para que la cabecera fija nunca tape aquello que acaba de recibir el foco (WCAG 2.4.11).
Tamaño de los objetivos. Todo control interactivo mide al menos 24 por 24 píxeles CSS, y los objetivos táctiles apuntan a 44 por 44 (2.5.8).
Sin interacciones que exijan arrastrar. Las calculadoras aceptan valores escritos y teclas de flecha; nada requiere arrastrar (2.5.7).
Ayuda consistente. El bloque de ayuda y contacto ocupa la misma posición del pie en todas las páginas (3.2.6).
Entrada redundante. Las calculadoras recuerdan lo que escribió durante su visita, solo en memoria, para que moverse entre ellas no lo obligue a reescribir (3.3.7).
Contraste. Cada par de texto y fondo que el diseño realmente muestra se verifica por programa en la compilación, en tema claro y oscuro. Un fallo detiene la publicación. El texto de lectura nunca va sobre vidrio difuminado: las superficies de lectura son sólidas.
El veredicto de seguridad nunca depende del color. Cada aparición lleva un icono y una etiqueta de texto explícita además del color, y un lector de pantalla anuncia “Veredicto de seguridad” y la etiqueta antes del texto de la respuesta (1.4.1).
Las gráficas siempre traen sus datos. Cada gráfica lleva role="img", una etiqueta descriptiva y una tabla real con las mismas cifras. Si la gráfica falla al cargar, la tabla se abre sola.
El diagrama del techo es SVG en línea con título, descripción y una lista de texto completa de cada capa; nunca una imagen de un diagrama.
Movimiento y transparencia. Respetamos prefers-reduced-motion, prefers-reduced-transparency y prefers-contrast: more. Con transparencia reducida, las superficies de vidrio se vuelven sólidas.
Idioma. Las páginas en español llevan lang="es-US", las inglesas lang="en-US", y los términos intercalados en el otro idioma van marcados.
Cómo probamos
Las comprobaciones automáticas con axe-core se ejecutan en la compilación y deben reportar cero infracciones. El contraste y la estructura de encabezados se verifican aparte en la misma compilación. Además, cada plantilla recibe una revisión manual con lector de pantalla.
Las pruebas automáticas detectan quizá un tercio de los problemas reales de accesibilidad, y por eso existe la siguiente sección.
Brechas conocidas
- Las revisiones manuales se hacen con VoiceOver y NVDA. No hemos probado con JAWS, Dragon ni acceso por conmutador.
- El lienzo de Chart.js no es navegable; la vía accesible es la tabla de datos que va debajo, siempre presente y completa.
- Las tablas de especificaciones largas se desplazan horizontalmente en pantallas estrechas. El contenedor es alcanzable con teclado, pero una tabla ancha sigue siendo más difícil de leer en un teléfono de lo que nos gustaría.
- Nuestro contenido en español está redactado, no traducido automáticamente, pero ha recibido menos pruebas con lector de pantalla que el inglés.
Reportar una barrera
Si algo aquí no funciona con su tecnología de asistencia, es un error y queremos arreglarlo.
Indíquenos la página, qué intentaba hacer y qué ocurrió, además de su navegador y su tecnología de asistencia si los conoce. Procuramos responder en cinco días hábiles.