El morado del enlace «Herramientas»
Texto en papel sobre el morado medio da 4,47:1. El mínimo AA es 4,5. Se queda tres centésimas por debajo.
Se midió y se decidió conservarlo. Cambiarlo cuesta una línea de CSS y está anotado dónde.
Legal
Accesibilidad.
Esta página dice qué se midió, con qué se midió y qué salió. Incluye lo que no cumple, con su número al lado. Una declaración que solo enumera lo que sale bien no sirve para nada, porque no se puede comprobar.
Última revisión: 17 de agosto de 2026.
Con qué se midió
El objetivo declarado es WCAG 2.1 nivel AA. Los contrastes están calculados con la fórmula de WCAG sobre los hexadecimales reales del sistema, y las distancias entre colores con CIE76 en el espacio Lab.
- Contraste de texto
- Cada combinación de texto sobre color está medida y escrita en el sistema de paletas. El color del texto no se elige, se consulta contra esa tabla.
- Regla que lo sostiene
- El texto va siempre en el tono oscuro de su paleta, nunca en el medio. Antes de esa regla, tres de los cinco colores de título no pasaban.
- Tipografía
- Cuerpo de lectura a 18 px con interlineado de 1,7, y la columna de texto nunca pasa de las medidas de lectura del sistema.
Lo que no cumple, y por qué se conserva
Dos excepciones, medidas y asumidas por decisión de marca. Las dos tienen alternativa accesible documentada por si el criterio cambia.
El amarillo no sostiene texto claro
El tono medio de la paleta amarilla no admite texto en papel encima. No es un descuido: es un límite del espacio de color, porque el naranja saturado no existe por debajo de cierta luminosidad.
Resuelto por regla: sobre amarillo el texto va en grafito, que da 6,99:1. Es la única trampa de contraste del sistema y está declarada.
Lo que sí está resuelto
-
Salto al contenido. Primer elemento en el orden de tabulación de cada página, para no recorrer la barra entera con el teclado.
-
Foco de teclado visible y propio. Un anillo de 2 px por fuera del elemento. Es una señal distinta de la del puntero, y ninguna sustituye a la otra.
-
El menú desplegable funciona con teclado. Se abre con Enter y se cierra con Escape, y el enlace padre sigue teniendo destino propio. Un padre que solo abre menú deja sin salida a quien navega con teclado.
-
Zona de toque mínima de 44 por 44 px. En los cuatro puntos de corte, incluido móvil.
-
Los íconos no se leen en voz alta. Van marcados como decorativos, y la información que llevan está también en texto. Un lector de pantalla no debería deletrear el nombre de un ícono.
-
Nada se mueve, nada suena, nada aparece solo. Sin autoplay, sin scroll infinito, sin ventanas emergentes, sin notificaciones. Es una decisión declarada del proyecto y ayuda a quien tiene la atención fragmentada.
-
La página se puede imprimir. Con hoja propia: sin barra ni pie, sin fondos oscuros que gasten tinta, sin apartados partidos entre hojas, y con la dirección de cada enlace escrita al lado.
Lo que todavía no se ha probado
Decirlo cuesta menos que descubrirlo después, y es la misma disciplina con la que el proyecto declara el alcance de su investigación.
- Pruebas con lector de pantalla. No se han hecho con NVDA, JAWS ni VoiceOver. Hasta entonces, la compatibilidad es una expectativa razonable y no un resultado.
- El modo guiado con teclado y lector. Se construyó el 24-08-2026 con foco gestionado al cambiar de tarea, región viva para anunciar el avance y las cinco fases del moodboard atenuadas en vez de escondidas, para que la pantalla no cambie de largo sola. Nada de eso se ha probado todavía con un lector de pantalla real.
- El campo de subir imagen. Usa el control nativo del navegador y por eso hereda su comportamiento con teclado, que es lo correcto. No se ha probado arrastrar y soltar, que no está implementado a propósito: un área de arrastre sin equivalente de teclado deja fuera a quien no usa ratón.
- Evaluación heurística de Nielsen. Está comprometida en el capítulo 6.3 del proyecto y todavía no se ha aplicado sobre el prototipo.
- Pruebas con personas con discapacidad. No forman parte del alcance del piloto.
- Modo oscuro. No existe, y probablemente no debe existir en el piloto: la marca se sostiene sobre la metáfora del papel.
Si algo de este sitio te dejó fuera, decirlo sirve más que cualquier lista.
Cuenta qué pasó y con qué lo estabas usando. Se corrige y se anota aquí.
dmduran@unis.edu.gt