Accesibilidad Web

Bosque Los Colomos se compromete a garantizar la accesibilidad digital de bosquecolomos.org para todas las personas, incluyendo aquellas con discapacidades visuales, auditivas, motoras o cognitivas. Un sitio que publica reseñas de casinos online, guías de juegos y comparativas de apuestas deportivas debe ser utilizable por cualquier persona, independientemente de cómo interactúe con la web. Trabajamos de forma continua para cumplir con las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.1, nivel de conformidad AA, publicadas por el World Wide Web Consortium (W3C). Esta declaración describe las medidas concretas que hemos implementado, las limitaciones que reconocemos y cómo puede usted reportar cualquier barrera que encuentre. Última actualización: 27 febrero 2026.

Estándar de Conformidad

Nuestro objetivo de conformidad es el nivel AA de las WCAG 2.1, que se estructura en torno a cuatro principios fundamentales:

  • Perceptible: La información y los componentes de la interfaz se presentan de forma que los usuarios puedan percibirlos, independientemente de sus capacidades sensoriales.
  • Operable: Los componentes de la interfaz y la navegación son operables mediante diferentes dispositivos de entrada, incluyendo teclado y tecnologías de asistencia.
  • Comprensible: La información y el funcionamiento de la interfaz son comprensibles para todos los usuarios.
  • Robusto: El contenido es lo suficientemente robusto para ser interpretado por una amplia variedad de agentes de usuario, incluyendo lectores de pantalla.

Medidas de Accesibilidad Implementadas

A continuación se describen las medidas técnicas activas en bosquecolomos.org. Cada una responde a criterios específicos de WCAG 2.1 y ha sido verificada en el código fuente del sitio.

Enlace de Salto al Contenido

Todas las páginas incluyen un enlace al inicio del documento (<a href="#main-content" class="skip-link">) que se hace visible al presionar la tecla Tab. Este enlace permite a usuarios de teclado y lectores de pantalla saltar directamente al contenido principal — el elemento <main id="main-content"> — sin tener que recorrer el encabezado, la navegación y el selector de país. Cumple con el criterio de éxito 2.4.1 (Evitar bloques).

HTML Semántico

La estructura de cada página utiliza elementos HTML5 semánticos de forma consistente:

  • <header>, <nav>, <main>, <article>, <aside> y <footer> para definir las regiones de la página, permitiendo que los lectores de pantalla ofrezcan navegación por landmarks.
  • Jerarquía de encabezados (<h1> a <h4>) ordenada y sin saltos de nivel. Cada página tiene un único <h1>.
  • Listas (<ul>, <ol>) para contenido agrupado, como pros y contras de casinos, pasos de registro y listados de métodos de pago.
  • Tablas (<table>) con encabezados (<th>) para datos comparativos, como la tabla de cookies o las comparativas de bonos.
  • Formularios con elementos <label> asociados a sus controles, incluyendo los checkboxes del banner de cookies.

Atributos ARIA

Utilizamos roles y atributos ARIA (Accessible Rich Internet Applications) para proporcionar contexto adicional a las tecnologías de asistencia:

  • aria-label en las tres secciones de navegación: navegación principal ("Navegación principal"), tabla de contenidos ("Secciones del artículo") y la sección del autor ("Sobre el autor").
  • aria-expanded y aria-controls en el botón de la Tabla de Contenidos, que comunican el estado colapsado/expandido a los lectores de pantalla.
  • aria-live en regiones de contenido dinámico, como los resultados del test de autoevaluación PGSI en la página de Juego Responsable.
  • aria-label en botones que contienen exclusivamente íconos: el botón de menú móvil ("Menú"), el botón de cierre del menú ("Cerrar menú") y el botón de volver arriba.

Indicador de Foco Visible

Todos los elementos interactivos — enlaces, botones, campos de formulario, checkboxes y selectores — muestran un indicador de foco visible cuando se navega con teclado. El indicador utiliza un contorno de 2 píxeles en el color principal del sitio (var(--accent)) con un desplazamiento de 2 píxeles para que sea claramente distinguible del fondo oscuro. Esto se aplica mediante la pseudo-clase :focus-visible, que solo activa el contorno durante la navegación por teclado, no al hacer clic con ratón. Criterio de éxito 2.4.7 (Foco visible).

Contraste de Color

El sitio utiliza un esquema cromático oscuro (fondo #0d1f14, texto principal #e8f5e9) seleccionado para cumplir con los ratios de contraste requeridos por WCAG 2.1 nivel AA:

  • Texto normal (menor a 18pt): ratio mínimo de 4.5:1 contra el fondo.
  • Texto grande (18pt o más, o 14pt en negrita): ratio mínimo de 3:1 contra el fondo.
  • Componentes de interfaz y elementos gráficos informativos: ratio mínimo de 3:1.

El texto principal sobre el fondo base alcanza un ratio de contraste superior a 14:1, muy por encima del mínimo requerido.

Textos Alternativos

Todas las imágenes con contenido informativo — capturas de interfaces de casino, logotipos de operadores, avatares de autores — incluyen atributos alt descriptivos que transmiten su propósito a quienes no pueden verlas. Las imágenes decorativas se marcan con alt="" para que los lectores de pantalla las omitan. Además, todas las imágenes incluyen dimensiones explícitas (width y height) para evitar saltos de layout durante la carga.

Tabla de Contenidos Accesible

Los artículos extensos incluyen una Tabla de Contenidos interactiva construida como un elemento <aside> con aria-label="Tabla de contenidos". El botón de expansión utiliza aria-expanded para comunicar su estado. Los enlaces internos realizan desplazamiento suave a cada sección y la sección activa se resalta visualmente durante el scroll. La tabla está encerrada en un elemento <nav> con aria-label="Secciones del artículo", lo que permite a los lectores de pantalla listarla como un landmark de navegación independiente.

Banner de Cookies Accesible

El banner de consentimiento de cookies presenta tres opciones claras: "Aceptar Todo", "Solo Esenciales" y "Gestionar". El panel de gestión detallada utiliza checkboxes nativos con etiquetas <label>, y la cookie esencial está marcada como checked disabled con una explicación visible de por qué no se puede desactivar. El banner enlaza directamente a la Política de Cookies para información completa.

Selector de País

El selector de idioma/país en el encabezado utiliza banderas con atributos title que contienen el nombre completo de cada país ("Colombia", "Argentina", etc.), proporcionando contexto textual para los lectores de pantalla. El país activo se muestra como un <span> no interactivo para evitar confusión de navegación.

Diseño Responsivo

El sitio se adapta a diferentes tamaños de pantalla y niveles de zoom. Los usuarios pueden ampliar el contenido hasta un 200% sin pérdida de funcionalidad ni superposición de texto (criterio 1.4.4). En dispositivos móviles, la navegación se transforma en un menú deslizable con botón de cierre accesible y grupos temáticos separados visualmente (Casinos, Juegos, Guías, Legal).

Rendimiento y Carga

Las tipografías del sitio (Inter y DM Serif Display) se precargan mediante <link rel="preload"> para evitar parpadeos de texto invisible (FOIT). Las imágenes fuera de la vista inicial utilizan loading="lazy" para reducir el tiempo de carga inicial, beneficiando a usuarios con conexiones lentas o dispositivos de gama baja.

Tecnologías de Asistencia Compatibles

El sitio ha sido desarrollado para funcionar con las siguientes tecnologías de asistencia:

  • Lectores de pantalla: NVDA (Windows), VoiceOver (macOS e iOS), TalkBack (Android).
  • Navegación por teclado en todos los navegadores principales (Chrome, Firefox, Safari, Edge).
  • Software de ampliación: ZoomText, Ampliador de Windows, zoom nativo de macOS.
  • Modos de alto contraste del sistema operativo (Windows High Contrast, Increased Contrast en macOS).
  • Control por voz: Voice Control (macOS/iOS), Voice Access (Android).

Limitaciones Conocidas

Aunque trabajamos continuamente para mejorar la accesibilidad, reconocemos las siguientes limitaciones:

  • Contenido de terceros: Los scripts de Google Analytics, Cloudflare y Meta Pixel se cargan desde servidores externos y pueden no cumplir completamente con WCAG 2.1 AA. Hemos configurado la carga de estos scripts para que sea condicional al consentimiento del usuario.
  • Plataformas externas: Los casinos y casas de apuestas enlazados desde bosquecolomos.org tienen sus propios niveles de accesibilidad, sobre los cuales no tenemos control. La experiencia de registro, depósito y juego en esas plataformas queda fuera del alcance de esta declaración.
  • Emojis decorativos: Los emojis utilizados en encabezados de navegación y tarjetas de contenido pueden verbalizarse de forma diferente según el lector de pantalla y la versión del sistema operativo. Hemos limitado su uso a contextos decorativos donde no transmiten información esencial.
  • Tipografías icon (Font Awesome): Los íconos de Font Awesome están servidos localmente y acompañados de texto o aria-label cuando cumplen función informativa. Sin embargo, en contextos puramente decorativos, se omite el aria-label para no generar ruido en lectores de pantalla.

Marco Legal

Si bien bosquecolomos.org no es un sitio gubernamental ni está legalmente obligado por las normas de accesibilidad web del sector público colombiano, adoptamos voluntariamente los estándares WCAG 2.1 AA como referencia de buena práctica. En Colombia, la Ley 1618 de 2013 establece disposiciones para garantizar el ejercicio pleno de los derechos de las personas con discapacidad, y la Ley 1680 de 2013 garantiza a personas ciegas y con baja visión el acceso a las tecnologías de la información y las comunicaciones. Nuestro compromiso con la accesibilidad se alinea con el espíritu de ambas leyes y con la Convención sobre los Derechos de las Personas con Discapacidad de las Naciones Unidas.

Cómo Reportar Problemas de Accesibilidad

Si encuentra alguna barrera de accesibilidad en bosquecolomos.org, le pedimos que nos lo comunique. Al reportar un problema, incluya la siguiente información para facilitar la resolución:

  • URL de la página donde encontró el problema.
  • Descripción del problema y qué acción intentaba realizar.
  • Navegador y versión que estaba utilizando.
  • Tecnología de asistencia utilizada (si aplica).
  • Sistema operativo y dispositivo.

Envíe su reporte a contact@bosquecolomos.org con el asunto "Problema de accesibilidad". Nos comprometemos a responder dentro de los 5 días hábiles siguientes y a trabajar en una solución en el menor plazo posible.

Mejora Continua

Bosque Los Colomos revisa periódicamente la accesibilidad del sitio y aplica correcciones en cada actualización de contenido o diseño. Cada nuevo artículo, reseña o guía pasa por una verificación de estructura semántica, textos alternativos y navegación por teclado antes de publicarse. Nuestro objetivo es eliminar todas las barreras identificadas y mantener un nivel de conformidad AA constante a medida que el sitio evoluciona.

Naturaleza del Sitio y Descargo de Responsabilidad

Bosque Los Colomos (bosquecolomos.org) es un portal de información independiente que opera bajo un modelo de afiliación. Es necesario aclarar que este sitio web no es un casino ni una casa de apuestas, no acepta apuestas de ningún tipo, no procesa pagos ni transacciones financieras, no custodia fondos de jugadores y no otorga bonos ni promociones. Todo el contenido publicado — incluyendo reseñas, guías y comparativas — tiene fines exclusivamente informativos y educativos. Bosque Los Colomos no se responsabiliza por el contenido, la accesibilidad, la seguridad ni las prácticas de las plataformas de terceros enlazadas desde el Sitio. Para los términos completos, consulte nuestro Aviso Legal y Descargo de Responsabilidad.