Accesibilidad Web: Nuestro Compromiso con la Inclusión

Nuestro compromiso con la accesibilidad

En Chévere Suerte estamos convencidos de que el acceso a la información en internet es un derecho fundamental que debe estar garantizado para todas las personas, independientemente de sus capacidades físicas, sensoriales o cognitivas. Por eso, trabajamos de forma continua para que nuestro sitio web sea accesible, usable e inclusivo para la mayor cantidad posible de visitantes.

Nuestro compromiso con la accesibilidad va más allá del cumplimiento normativo. Entendemos que detrás de cada estándar técnico hay personas reales que necesitan que la web funcione para ellas: personas con discapacidad visual que utilizan lectores de pantalla, personas con movilidad reducida que navegan exclusivamente con teclado, personas con discapacidad auditiva, adultos mayores que requieren textos legibles y contrastes adecuados, y muchas otras situaciones que merecen una experiencia digital digna y funcional.

Estándares que seguimos: WCAG 2.1 nivel AA

Nuestro sitio web está diseñado y desarrollado siguiendo las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.1 en su nivel de conformidad AA, publicadas por el World Wide Web Consortium (W3C). Estas pautas son el estándar internacional de referencia para la accesibilidad web y están organizadas en cuatro principios fundamentales: perceptible, operable, comprensible y robusto.

A continuación, detallamos los criterios específicos de WCAG 2.1 que hemos implementado y cómo los aplicamos en nuestro sitio:

Criterio 1.1.1 - Contenido no textual

Todas las imágenes informativas de nuestro sitio incluyen textos alternativos (atributo alt) que describen su contenido o función. Las imágenes puramente decorativas están marcadas con un atributo alt vacío para que los lectores de pantalla las ignoren. Los logotipos de marcas incluyen el nombre de la marca como texto alternativo. De esta manera, las personas que utilizan lectores de pantalla o que tienen las imágenes deshabilitadas reciben la misma información que los demás usuarios.

Criterio 1.3.1 - Información y relaciones

Utilizamos HTML semántico para estructurar todo el contenido del sitio. Esto significa que empleamos las etiquetas adecuadas para cada tipo de contenido: encabezados jerárquicos (h1 a h6) para organizar secciones, listas ordenadas y no ordenadas donde corresponde, tablas para datos tabulares con encabezados de columna apropiados, y elementos de formulario correctamente etiquetados. La estructura semántica permite que las tecnologías de asistencia interpreten y presenten el contenido de forma coherente.

Criterio 1.4.3 - Contraste mínimo

Hemos verificado que las combinaciones de colores en nuestro sitio cumplan con las relaciones de contraste mínimas establecidas por WCAG: al menos 4.5:1 para texto de tamaño normal y 3:1 para texto grande (18 puntos o más, o 14 puntos en negrita). Estas relaciones garantizan que el contenido sea legible para personas con baja visión o daltonismo parcial.

Criterio 2.1.1 - Teclado

Toda la funcionalidad de nuestro sitio es accesible mediante el uso exclusivo del teclado. Los menús de navegación, enlaces, botones, formularios y elementos interactivos pueden activarse con las teclas Tab, Enter, Escape y las flechas direccionales. No existe ninguna funcionalidad que requiera el uso obligatorio de un ratón o dispositivo señalador.

Criterio 2.4.1 - Evitar bloques

Implementamos un enlace de tipo "Ir al contenido principal" (skip link) al inicio de cada página. Este enlace permite a los usuarios de teclado y lectores de pantalla saltar directamente al contenido principal, evitando tener que navegar repetidamente por los elementos del encabezado y la navegación en cada nueva página que visitan.

Criterio 2.4.2 - Título de página

Cada página de nuestro sitio tiene un título (title) único y descriptivo que identifica claramente su contenido y su relación con el sitio. Los títulos siguen un formato consistente que incluye el nombre de la página y el nombre del sitio, lo que facilita la identificación en pestañas del navegador, marcadores y resultados de lectores de pantalla.

Criterio 2.4.6 - Encabezados y etiquetas

Los encabezados de nuestras páginas describen con precisión el tema o propósito de la sección que introducen. Seguimos una jerarquía lógica que comienza con un único h1 por página y utiliza los niveles subsiguientes para organizar el contenido de forma clara. Las etiquetas de formularios y controles interactivos describen inequívocamente su función.

Criterio 3.1.1 - Idioma de la página

El idioma de cada página está declarado correctamente mediante el atributo lang="es-CO" en el elemento HTML raíz. Esto permite que los lectores de pantalla seleccionen automáticamente la voz de síntesis correcta y que los navegadores ofrezcan funcionalidades apropiadas para el idioma español colombiano.

Criterio 4.1.2 - Nombre, función, valor

Todos los componentes interactivos de nuestro sitio tienen nombres accesibles, funciones correctamente definidas y valores que pueden ser determinados por las tecnologías de asistencia. Utilizamos atributos ARIA (Accessible Rich Internet Applications) cuando los elementos HTML nativos no proporcionan suficiente información semántica, como en botones de alternancia, menús desplegables y cuadros de diálogo modales.

Medidas de accesibilidad implementadas

Además del cumplimiento de los criterios individuales de WCAG, hemos implementado las siguientes medidas concretas en todo nuestro sitio:

Navegación por teclado con indicador de foco visible: todos los elementos interactivos muestran un anillo de foco claramente visible cuando son seleccionados mediante teclado. Utilizamos la pseudoclase :focus-visible de CSS para garantizar que este indicador sea evidente sin interferir con la experiencia de usuarios de ratón.
Enlace "Ir al contenido principal" (skip link): presente en todas las páginas, este enlace aparece como primer elemento enfocable y permite saltar directamente al contenido principal, lo cual es especialmente valioso para usuarios que navegan secuencialmente.
Textos alternativos en todas las imágenes: cada imagen informativa cuenta con una descripción textual adecuada. Las imágenes decorativas están marcadas para ser ignoradas por tecnologías de asistencia.
Contraste de color WCAG AA: verificamos periódicamente las combinaciones de colores utilizadas en nuestro sitio con herramientas automatizadas para asegurar el cumplimiento de las relaciones de contraste mínimas.
Estructura semántica HTML5: nuestro sitio utiliza los elementos semánticos de HTML5 - header, nav, main, article, section y footer - para definir las regiones de la página. Esto permite a los lectores de pantalla ofrecer navegación rápida por áreas de la página.
ARIA labels en botones sin texto visible: los botones que solo contienen iconos (como el botón de menú móvil o el botón de desplazamiento hacia arriba) incluyen etiquetas ARIA descriptivas que comunican su función a los lectores de pantalla.
Respeto a prefers-reduced-motion: nuestro sitio detecta la preferencia del sistema operativo del usuario respecto a las animaciones. Cuando un usuario ha configurado la reducción de movimiento en su sistema, las transiciones y animaciones CSS se minimizan o desactivan por completo.
Fuentes legibles con tamaño mínimo de 14px: utilizamos tipografías seleccionadas por su legibilidad en pantalla. El tamaño mínimo de fuente en el cuerpo del texto es de 14 píxeles, y los textos importantes utilizan tamaños mayores. El espaciado entre líneas está configurado para facilitar la lectura prolongada.
Zonas táctiles mínimas de 44×44 píxeles: todos los elementos interactivos - botones, enlaces, controles de formulario - tienen un área táctil mínima de 44 por 44 píxeles, siguiendo las recomendaciones de WCAG para dispositivos táctiles. Esto beneficia tanto a personas con discapacidad motriz como a todos los usuarios de dispositivos móviles.

Tecnologías de asistencia compatibles

Nuestro sitio web ha sido diseñado para funcionar correctamente con las principales tecnologías de asistencia disponibles en el mercado:

Lectores de pantalla: hemos optimizado la compatibilidad con los lectores de pantalla más utilizados, incluyendo NVDA (NonVisual Desktop Access) para Windows, JAWS (Job Access With Speech) para Windows y VoiceOver para macOS e iOS. La estructura semántica y los atributos ARIA de nuestro sitio permiten que estos programas presenten el contenido de forma organizada y navegable.
Navegación por teclado: el sitio es completamente operable mediante teclado, lo que beneficia a personas que no pueden utilizar un ratón, ya sea por discapacidad motriz, por preferencia personal o por limitaciones del dispositivo que utilizan.
Ampliadores de pantalla: el diseño responsivo de nuestro sitio permite que el contenido se visualice correctamente con niveles de zoom de hasta el 200% sin pérdida de funcionalidad ni contenido. Las personas que utilizan software de ampliación como ZoomText pueden navegar sin problemas de superposición o recorte de elementos.
Software de reconocimiento de voz: los nombres accesibles de enlaces, botones y controles de formulario están pensados para ser fácilmente identificables y activables mediante comandos de voz en software como Dragon NaturallySpeaking o las funcionalidades de control por voz integradas en los sistemas operativos modernos.

Limitaciones conocidas

A pesar de nuestros esfuerzos continuos, reconocemos que existen limitaciones en la accesibilidad de nuestro sitio que es importante que conozcas:

Contenido de terceros: los sitios web de los casinos y operadores a los que enlazamos son plataformas independientes sobre las que no tenemos control. Si bien solo recomendamos operadores con licencia de Coljuegos, no podemos garantizar que estos cumplan con los mismos estándares de accesibilidad que hemos implementado en Chévere Suerte. Te recomendamos evaluar la accesibilidad de cada plataforma antes de registrarte.
Imágenes de marcas y logotipos: los logotipos de los operadores y proveedores de juegos que mostramos en nuestro sitio son proporcionados por terceros. Algunos de estos logotipos pueden no cumplir con las relaciones de contraste mínimas de WCAG debido a sus colores corporativos. En estos casos, nos aseguramos de que toda la información relevante esté disponible también en formato textual.
Contenido dinámico: algunos elementos interactivos como los diálogos de cookies y los menús desplegables, aunque han sido desarrollados con atributos ARIA adecuados, pueden presentar comportamientos ligeramente diferentes según la combinación específica de navegador y tecnología de asistencia utilizada.

Plan de mejora continua

La accesibilidad web es un proceso permanente, no un objetivo que se alcanza una sola vez. Nuestro plan de mejora continua incluye las siguientes acciones:

Auditorías periódicas de accesibilidad utilizando herramientas automatizadas como Lighthouse, axe DevTools y WAVE.
Pruebas manuales con lectores de pantalla y navegación por teclado tras cada actualización significativa del sitio.
Revisión del contenido nuevo antes de su publicación para verificar el cumplimiento de los estándares de accesibilidad.
Formación continua de nuestro equipo en buenas prácticas de diseño y desarrollo accesible.
Incorporación de retroalimentación de usuarios con discapacidad para identificar áreas de mejora que las herramientas automatizadas no detectan.
Seguimiento de las actualizaciones de WCAG y adopción progresiva de los nuevos criterios que se publiquen.

Cómo reportar problemas de accesibilidad

Tu experiencia es fundamental para mejorar la accesibilidad de nuestro sitio. Si encuentras cualquier barrera que dificulte tu navegación o acceso a la información, te invitamos a comunicárnoslo. Al reportar un problema de accesibilidad, te pedimos que incluyas la siguiente información para poder atenderlo de forma eficiente:

Descripción del problema encontrado y en qué página ocurrió.
Navegador y versión que estabas utilizando.
Tecnología de asistencia empleada (si aplica): lector de pantalla, ampliador, software de voz, etc.
Sistema operativo y dispositivo.
Cualquier captura de pantalla o información adicional que pueda ayudarnos a reproducir y corregir el problema.

Puedes enviar tus reportes de accesibilidad a carlos@cheveresuerte.com. Nos comprometemos a revisar cada reporte recibido y a implementar las correcciones necesarias en el menor tiempo posible. Recibirás una respuesta confirmando la recepción de tu reporte y, cuando corresponda, un seguimiento sobre las acciones tomadas.

Marco legal de accesibilidad en Colombia

Nuestro compromiso con la accesibilidad está alineado con el marco legal colombiano vigente en materia de inclusión digital y derechos de las personas con discapacidad:

Ley 1618 de 2013: esta ley establece las disposiciones para garantizar el pleno ejercicio de los derechos de las personas con discapacidad en Colombia. En su articulado incluye disposiciones sobre la accesibilidad a la información y las comunicaciones, obligando a las entidades y organizaciones a tomar medidas para que sus medios digitales sean accesibles para todas las personas, sin discriminación por motivos de discapacidad.
Ley 1680 de 2013: conocida como la ley que garantiza a las personas ciegas y con baja visión el acceso a la información, a las comunicaciones, al conocimiento y a las tecnologías de la información y las comunicaciones. Esta norma refuerza la obligación de adoptar medidas técnicas para que los contenidos digitales sean compatibles con tecnologías de asistencia, en particular lectores de pantalla.

Si bien Chévere Suerte es un sitio informativo privado y no todas las disposiciones de estas leyes aplican directamente a nuestra actividad, adoptamos voluntariamente sus principios como parte de nuestro compromiso ético con la inclusión digital. Creemos que la accesibilidad no debe depender de una obligación legal, sino de la convicción de que todas las personas merecen acceso equitativo a la información.

Esta declaración de accesibilidad fue actualizada por última vez en marzo de 2025 y se revisa periódicamente para reflejar las mejoras implementadas y los nuevos compromisos adquiridos.