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 8 de septiembre 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.
Opciones de lectura
Usa el botón Aa para aumentar el texto, elegir texto negro sobre blanco con enlaces de alto contraste o activar una vista de lectura sencilla. Los ajustes se guardan en este navegador y se mantienen al cambiar de idioma. Puedes restablecerlos cuando quieras y seguir usando el zoom.
Contraste y color
Los cálculos corresponden a los colores de septiembre de 2026: texto principal #183b36, texto secundario #53625b y enlaces #205c4e sobre el fondo #faf9f5. Sus relaciones de contraste son 11,60:1, 6,10:1 y 7,38:1. Superan el mínimo de 4,5:1 para texto normal de WCAG AA. Estas mediciones concretas no certifican todos los componentes ni todas las interacciones del sitio.
Tamaño de texto, espaciado y zoom
El texto base tiene 18 px e interlineado de 1,7. Los párrafos y los controles utilizan tamaños propios, algunos definidos en unidades relativas. Puedes usar el zoom del navegador o ampliar con los dedos. Quedan pendientes pruebas independientes con más dispositivos y tecnologías de asistencia.
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”, “Ruta de navegación” 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
El sitio respeta las preferencias de movimiento reducido y desactiva el desplazamiento suave, las transiciones y las animaciones. Los controles de cabecera tienen una altura mínima de 44 píxeles CSS y el botón de búsqueda de inicio, 46. Estas cifras corresponden a esos controles, no a todos los enlaces del sitio.
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
- Hay una opción clara de alto contraste; todavía no ofrecemos modo oscuro. Las hojas PDF también están disponibles en HTML, que es preferible para lectores de pantalla.
- 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.