--- title: "Accesibilidad | Eye Health Guide" description: "Cómo se construye Eye Health Guide para la accesibilidad: contraste medido, teclado, movimiento reducido y cómo informar de una barrera." url: https://eyehealthguide.org/es/accessibility/ source: Eye Health Guide licence: "General information only. Cite the URL and the named medical reviewer." --- 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 Respuesta rápida Eye Health Guide permite navegar con teclado y admite lectores de pantalla, el zoom del navegador y las preferencias de movimiento reducido. El color del texto principal tiene un contraste calculado de 11,60:1 sobre el fondo crema. Esta página describe las funciones y sus limitaciones; no es una certificación independiente de accesibilidad. ## 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. 11,60:1 (#183b36 sobre #faf9f5) 6,10:1 (#53625b sobre #faf9f5) 7,38:1 (#205c4e sobre #faf9f5) Contorno de 4 px y separación de 4 px; #ab471d sobre #faf9f5: 5,46:1 Texto base: 18 px e interlineado de 1,7; otros elementos tienen tamaños propios Controles de cabecera: mínimo 44 px; botón de búsqueda de inicio: 46 px presente en todas las páginas, traducido al idioma de la página respetado mediante la media query prefers-reduced-motion lang y dirección del texto definidos en cada página (en, es, id — todas de izquierda a derecha) el zoom táctil y el escalado de texto del navegador nunca están desactivados ## 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 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
y ## 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. [Contáctanos sobre accesibilidad](https://eyehealthguide.org/es/contact/)