Declaración de accesibilidad
Accesibilidad
Un sitio web sobre salud visual debe funcionar bien para personas con necesidades visuales. Esta página documenta las funciones de accesibilidad integradas hoy en Eye Health Guide, con cifras medidas donde las hemos verificado contra el código del sitio, además de una lista honesta de lo que aún no hemos hecho.
Última actualización Julio de 2026
Especificaciones medidas
Las relaciones de contraste siguientes se calcularon con la fórmula estándar de luminancia relativa de las WCAG directamente desde los tokens de color de la hoja de estilos; las demás cifras provienen del propio código.
Contraste y color
Tomamos el contraste AA de WCAG 2.2 como suelo, no como meta. Medido con la fórmula estándar de luminancia relativa sobre los propios tokens de color del sitio: el texto principal (#102230) alcanza 16.2:1 sobre blanco y 15.1:1 sobre el tinte de fondo más claro; el texto secundario atenuado (#526675) mide 5.97:1 sobre blanco; los enlaces (#075985) miden 7.56:1; el texto blanco de los botones sobre el color primario mide 7.56:1. Todos superan el umbral AA de 4.5:1 para texto normal, y el texto principal supera también el umbral AAA de 7:1. Las insignias de urgencia de las páginas de síntomas (emergencia, precaución, rutina) se comprobaron del mismo modo y cada una supera AA para texto normal.
Tamaño de texto, espaciado y zoom
El cuerpo de texto parte de 18 px con un interlineado de 1.65, lo que facilita la lectura larga y la ampliación. Los tamaños usan unidades relativas, de modo que el diseño sigue la preferencia de tamaño de letra de tu navegador en lugar de combatirla. La declaración de viewport nunca desactiva el zoom táctil y no se impone ninguna fuente fija en píxeles en la raíz de la página.
Acceso con teclado
Todos los controles interactivos son alcanzables y utilizables solo con teclado.
- Un enlace de salto es el primer elemento enfocable de cada página y salta directamente al contenido principal
- El foco de teclado muestra un contorno sólido de 4 px con desplazamiento de 4 px, aplicado mediante :focus-visible
- La búsqueda se abre con Ctrl/Cmd + K, usa un <dialog> nativo (Escape la cierra) y mueve el foco al campo de búsqueda
- Los filtros son botones reales con estados aria-pressed, y las preguntas frecuentes usan elementos nativos <details> y <summary>
Soporte para lectores de pantalla
Las páginas se construyen con puntos de referencia semánticos — cabecera, navegación etiquetada, contenido principal y pie — para que la tecnología de asistencia pueda saltar entre regiones. Cada página define su idioma (en, es o id) en el elemento html.
- Las regiones de navegación llevan etiquetas como “Navegación principal”, “Miga de pan” e “Idioma”
- Las migas de pan y el selector de idioma marcan la página actual con aria-current
- Los campos de búsqueda tienen etiquetas programáticas (ocultas visualmente cuando una etiqueta visible repetiría el diseño)
- Los recuentos de resultados de filtros se actualizan en una región aria-live="polite"
- Los iconos decorativos, como el monograma de la marca, se ocultan a la tecnología de asistencia con aria-hidden
Movimiento y zonas táctiles
Cuando tu sistema operativo solicita movimiento reducido, el sitio desactiva el desplazamiento suave, las transiciones y las animaciones mediante una media query prefers-reduced-motion. Los botones de acción principales imponen una altura mínima de 3.1 rem — unos 50 píxeles CSS con la configuración predeterminada — muy por encima del tamaño de objetivo de 44 px que recomiendan las WCAG.
Limitaciones conocidas
Preferimos ser honestos antes que reclamar un sello que no hemos ganado.
- Las cifras anteriores provienen de nuestra propia revisión del código y cálculos — el sitio aún no ha sido auditado formalmente por un auditor WCAG independiente y no disponemos de un VPAT ni de un informe de conformidad de accesibilidad
- La interfaz de resultados de búsqueda la proporciona la biblioteca Pagefind; su marcado interno está fuera de nuestro control total
- Actualmente el sitio solo ofrece un esquema de color claro — aún no hay modo oscuro
- Nuestras ediciones en español e indonesio están revisadas en cuanto al significado, pero la redacción siempre puede mejorar — avísanos si algo suena extraño
Informar de un problema de accesibilidad
Si algo en Eye Health Guide resulta difícil de leer, manejar o entender — con o sin tecnología de asistencia — queremos saberlo. Envíanos la dirección de la página y una breve descripción de lo que falló, y daremos prioridad a todo lo que bloquee la lectura o la navegación.