Accesibilidad web y navegación inclusiva

Nuestro compromiso con la accesibilidad

En Luna Anaconda creemos que toda persona merece acceder a la información de forma cómoda, independientemente de sus capacidades físicas, sensoriales o cognitivas. Nos esforzamos por diseñar y mantener un sitio web que sea utilizable por la mayor cantidad de personas posible, incluyendo a quienes dependen de tecnologías de asistencia como lectores de pantalla, navegación por teclado o dispositivos de entrada alternativos.

La accesibilidad web no es un complemento opcional: es un principio fundamental de diseño que aplicamos desde la estructura del código hasta la presentación visual del contenido. Cada decisión de desarrollo tiene en cuenta las necesidades de usuarios con diferentes perfiles de acceso.

Estándar que seguimos

Nuestro objetivo es cumplir con las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.1 en el nivel AA, publicadas por el World Wide Web Consortium (W3C). Este nivel establece requisitos que abordan las barreras de acceso más comunes y significativas para personas con discapacidades visuales, auditivas, motoras y cognitivas.

Las WCAG 2.1 se organizan en torno a cuatro principios fundamentales: el contenido debe ser perceptible, operable, comprensible y robusto. Trabajamos para cumplir con los criterios de conformidad de cada principio, y realizamos revisiones periódicas para detectar y corregir posibles incumplimientos.

Medidas implementadas

Navegación por teclado

Todas las funcionalidades del sitio son accesibles mediante el teclado, sin necesidad de utilizar un ratón o pantalla táctil. Hemos implementado las siguientes medidas para garantizar una experiencia de navegación fluida:

Enlace de salto (skip link): al presionar la tecla Tab por primera vez en cualquier página, aparece un enlace que permite saltar directamente al contenido principal, evitando la necesidad de recorrer todos los elementos de navegación. Este mecanismo cumple con el criterio WCAG 2.4.1 (Evitar bloques).
Indicadores de foco visibles: todos los elementos interactivos (enlaces, botones, campos de formulario) muestran un contorno visible cuando reciben el foco del teclado. Utilizamos estilos focus-visible que proporcionan un anillo de enfoque claro y distinguible del estado normal del elemento, en cumplimiento del criterio WCAG 2.4.7 (Foco visible).
Elementos interactivos alcanzables: todos los botones, enlaces y controles del sitio están incluidos en el orden natural de tabulación. No existen elementos interactivos ocultos o inaccesibles para la navegación por teclado, conforme al criterio WCAG 2.1.1 (Teclado).

Lectores de pantalla

El sitio está desarrollado para funcionar correctamente con los lectores de pantalla más utilizados, incluyendo NVDA, JAWS y VoiceOver. Las medidas específicas incluyen:

Etiquetas ARIA en botones: los botones que no contienen texto visible (como el botón del menú de navegación, el botón de cierre y el botón de desplazamiento hacia arriba) incluyen atributos aria-label que describen su función de forma clara para los lectores de pantalla.
HTML semántico: utilizamos las etiquetas HTML5 apropiadas para cada sección del contenido: <header> para el encabezado, <nav> para la navegación, <main> para el contenido principal, <article> para artículos independientes y <footer> para el pie de página. Esta estructura permite a los lectores de pantalla identificar y navegar entre las diferentes regiones de la página.
Texto alternativo en imágenes: las imágenes del sitio incluyen atributos alt descriptivos que transmiten la información o función de cada imagen. Las imágenes decorativas utilizan un atributo alt vacío para que los lectores de pantalla las ignoren.

Contraste de colores

Los colores del sitio han sido seleccionados para cumplir con los requisitos mínimos de contraste establecidos en el criterio WCAG 1.4.3 (Contraste mínimo):

El texto de tamaño normal mantiene una relación de contraste mínima de 4.5:1 respecto al color de fondo.
El texto grande (18 puntos o superior, o 14 puntos en negrita) mantiene una relación de contraste mínima de 3:1.
Los componentes de interfaz y los elementos gráficos esenciales cumplen con una relación de contraste mínima de 3:1 frente a los colores adyacentes.

Verificamos regularmente estos valores utilizando herramientas de evaluación de contraste para asegurar la legibilidad del contenido en diferentes condiciones de visualización.

Texto escalable

Los tamaños de fuente en Luna Anaconda se definen utilizando unidades relativas (rem) y la función clamp() de CSS, lo que permite que el texto se ajuste de forma proporcional al tamaño de la ventana del navegador y a las preferencias del usuario. No utilizamos tamaños fijos en píxeles para el texto del cuerpo, lo que garantiza que los usuarios puedan aumentar el tamaño de la fuente hasta un 200% sin pérdida de contenido o funcionalidad, conforme al criterio WCAG 1.4.4 (Cambio de tamaño del texto).

Reducción de movimiento

Respetamos la preferencia del sistema operativo del usuario respecto a las animaciones. Cuando el usuario tiene activada la opción de reducción de movimiento en su sistema (prefers-reduced-motion: reduce), todas las animaciones y transiciones del sitio se desactivan o se reducen a su mínima expresión. Esta medida cumple con el criterio WCAG 2.3.1 (Umbral de tres destellos o menos) y beneficia a personas con trastornos vestibulares, epilepsia fotosensible u otras condiciones que pueden verse agravadas por el movimiento en pantalla.

Estructura semántica

Cada página del sitio sigue una jerarquía de encabezados lógica y coherente:

Un único <h1> por página que describe el tema principal.
Encabezados <h2> para las secciones principales del contenido.
Encabezados <h3> para las subsecciones dentro de cada sección principal.

Esta jerarquía permite a los usuarios de lectores de pantalla navegar por el contenido utilizando los atajos de encabezados, y proporciona un esquema claro del documento. Además, las diferentes áreas funcionales de la página están delimitadas por regiones de referencia (landmark regions) que facilitan la orientación dentro del sitio.

Tecnologías utilizadas

El sitio de Luna Anaconda está construido con tecnologías estándar que favorecen la compatibilidad con tecnologías de asistencia:

HTML5 semántico: estructura del contenido con elementos nativos que proporcionan información contextual a los agentes de usuario y tecnologías de asistencia.
Propiedades personalizadas de CSS (custom properties): sistema de diseño centralizado que permite mantener la coherencia visual y facilita la adaptación de colores, tamaños y espaciados.
JavaScript vanilla: funcionalidad interactiva implementada sin dependencias de bibliotecas externas, lo que reduce la complejidad y mejora la compatibilidad con diferentes navegadores y tecnologías de asistencia.

Limitaciones conocidas

A pesar de nuestro esfuerzo continuo, reconocemos las siguientes limitaciones actuales en materia de accesibilidad:

Imágenes de marcador de posición: algunas imágenes temporales pueden carecer de un texto alternativo suficientemente descriptivo. Trabajamos para reemplazar estas imágenes y mejorar sus descripciones de forma progresiva.
Contenido de terceros: utilizamos la fuente de iconos Material Symbols cargada desde un CDN externo (Google Fonts). Aunque los iconos incluyen atributos aria-hidden="true" cuando son decorativos, el control total sobre la accesibilidad de este recurso externo está fuera de nuestro alcance directo.

Estas limitaciones están identificadas y forman parte de nuestra hoja de ruta de mejoras. Nuestro objetivo es resolverlas en las próximas actualizaciones del sitio.

Cómo navegar con teclado

Si prefieres navegar por Luna Anaconda utilizando el teclado, estas son las teclas principales que puedes utilizar:

Tab: avanza al siguiente elemento interactivo (enlace, botón, campo de formulario). Mantén presionada la tecla Shift junto con Tab para retroceder al elemento anterior.
Enter: activa el elemento que tiene el foco. En el caso de enlaces, te lleva a la página de destino. En el caso de botones, ejecuta la acción asociada.
Escape: cierra menús desplegables, ventanas emergentes o diálogos que estén abiertos. Al presionar Escape en el menú de navegación móvil, este se cerrará y el foco regresará al botón que lo abrió.
Flechas arriba y abajo: permiten desplazar la página verticalmente cuando ningún elemento interactivo tiene el foco.

Al cargar cualquier página, presiona Tab una vez para activar el enlace de salto que te permite ir directamente al contenido principal, evitando la navegación repetitiva por el encabezado y el menú.

Cómo reportar problemas de accesibilidad

Valoramos la retroalimentación de nuestros usuarios para mejorar la accesibilidad del sitio. Si encuentras alguna barrera de acceso, un elemento que no funcione correctamente con tu tecnología de asistencia, o cualquier aspecto del sitio que dificulte tu experiencia de navegación, te invitamos a contactarnos.

Puedes enviar tu reporte a apuestas@lunanaconda.com incluyendo la siguiente información para que podamos investigar y resolver el problema de forma eficiente:

La dirección (URL) de la página donde encontraste el problema.
Una descripción del problema: qué intentabas hacer y qué sucedió (o qué no sucedió).
El navegador y su versión (por ejemplo, Chrome 120, Firefox 115, Safari 17).
La tecnología de asistencia que utilizas, si corresponde (por ejemplo, NVDA 2024.1, VoiceOver en macOS 14).
El sistema operativo de tu dispositivo (por ejemplo, Windows 11, macOS Sonoma, Android 14).

Nos comprometemos a responder todos los reportes de accesibilidad en un plazo máximo de cinco días hábiles y a trabajar en las correcciones necesarias con la mayor celeridad posible.

Referencia a WCAG

Las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.1 son el estándar internacional de referencia para la accesibilidad web. Están desarrolladas por la Iniciativa de Accesibilidad Web (WAI) del W3C y proporcionan un marco técnico para evaluar y mejorar la accesibilidad de los sitios web.

Puedes consultar la documentación completa de las WCAG 2.1, incluyendo todos los criterios de conformidad, técnicas recomendadas y recursos educativos, en el sitio oficial de la WAI: www.w3.org/WAI/standards-guidelines/wcag/.

Los criterios específicos que hemos referenciado en esta página incluyen:

1.4.3 Contraste mínimo (Nivel AA): relación de contraste de al menos 4.5:1 para texto normal y 3:1 para texto grande.
1.4.4 Cambio de tamaño del texto (Nivel AA): el texto puede ampliarse hasta un 200% sin pérdida de contenido.
2.1.1 Teclado (Nivel A): toda la funcionalidad es operable mediante el teclado.
2.3.1 Umbral de tres destellos o menos (Nivel A): el contenido no contiene destellos que superen el umbral establecido.
2.4.1 Evitar bloques (Nivel A): mecanismo para saltar bloques de contenido repetido.
2.4.7 Foco visible (Nivel AA): indicador de foco visible en la interfaz de teclado.

Mejora continua

La accesibilidad es un proceso continuo, no un objetivo que se alcanza de forma definitiva. En Luna Anaconda nos comprometemos a revisar y mejorar la accesibilidad del sitio de forma regular. Nuestras acciones incluyen:

Auditorías periódicas de accesibilidad utilizando herramientas automatizadas y revisiones manuales.
Pruebas con diferentes tecnologías de asistencia y navegadores para verificar la compatibilidad.
Actualización del código y los estilos para incorporar las mejores prácticas vigentes en accesibilidad web.
Formación continua del equipo de desarrollo en los principios y técnicas de accesibilidad.
Atención a los reportes de los usuarios y corrección prioritaria de las barreras de acceso identificadas.

Creemos que un sitio accesible es un sitio mejor para todos los usuarios, no solo para aquellos que dependen de tecnologías de asistencia. La claridad del código, la estructura lógica del contenido y el diseño inclusivo benefician a cada persona que visita Luna Anaconda.

Fecha de última revisión

Esta declaración de accesibilidad fue revisada y actualizada por última vez en marzo de 2026. La próxima revisión programada se realizará en septiembre de 2026.