¿Qué barreras quitamos y cuáles quedan?

Betco Latino quiere ser un cotejo que se pueda leer con teclado, con lector de pantalla y sin depender de un adorno que se mueve. La meta es WCAG 2.2 nivel AA. No afirmamos un sello de laboratorio. Afirmamos medidas concretas y un correo para reportar lo que se rompe.

El HTML lleva lang="es-CO". Hay un solo h1 por página. El skip-link «Brincar al texto» es el primer control del cuerpo: en la portada salta a #cotejo; en el resto, a #cuerpo. Los botones miden 48px de alto. El foco es un outline de 2px: verde primario sobre papel, oro #E8C36A en el pie oscuro e tinta sobre el CTA dorado. No lo apagamos. La cabecera no es fija, para que un ancla no quede tapada por una barra pegada.

Escribimos en tú, en pesos colombianos con punto de miles y fechas como 17/08/2026. Si un control no responde con teclado, o un lector se come un título, el canal es redaccion@betco.latino: URL, navegador y lo que no pudiste hacer. El responsable editorial es AGENCIA DE PUBLICIDAD B COMUNICA SOCIEDAD ANONIMA, Costa Rica.

Qué hay puesto hoy

• lang="es-CO" en el HTML, para que el lector pronuncie en español de Colombia.
• Skip-link «Brincar al texto»: el primer control del cuerpo. En la portada salta al cotejo; en el resto, al artículo. Está fuera de pantalla hasta que recibe foco.
• Un solo h1 por página. Los h2 van a la izquierda, no centrados por decoración.
• Contraste de texto sobre papel claro (#1C2418 sobre #FFFCF6 / #EDE6D6) y de enlaces del pie sobre el dosel oscuro.
• Foco visible: outline de 2px en el verde primario, con desplazamiento. No lo apagamos en :focus.
• Controles de 48px de alto en botones y en el overlay de edad.
• La cabecera no es fija. El scroll-padding-top es 12px, para que un ancla no quede tapada.
• Imágenes de marca con width, height y alt. El beacon del pie lleva alt vacío porque no aporta contenido.
• Iconos SVG con aria-hidden="true". El texto al lado dice lo que hay que decir.
• prefers-reduced-motion: si el sistema pide menos movimiento, se detiene el giro del marco y el cambio de color de los botones. No hay desplazamiento de tarjetas que cortar.
• En Contrast Themes (Windows) los botones recuperan un borde currentColor, el rango vuelve al control del sistema y el logo Coljuegos no se invierte sobre el lienzo oscuro.
• El HTML declara color-scheme: only light: la paleta es clara a propósito. Así Chrome no aplica Auto Dark Theme sobre el sage y el oro.
• En impresión el overlay de edad no se pinta: @media print lo oculta, suelta el overflow del cuerpo y deja fuera la foto del hero y el beacon.
• El pie oscuro y las cabeceras de tabla pasan a tinta sobre blanco. El navegador puede tirar los fondos (print-color-adjust: economy) y dejar el texto claro ilegible.
• Los enlaces externos imprimen la URL entre paréntesis. Las columnas sticky de las tablas vuelven a estáticas para que no se monten.
• Si el sistema pide menos transparencia, se apaga el grano del papel y el lavado del hero y del overlay queda opaco.
• Tablas con caption o encabezados th, y una pista «Desliza la tabla» en pantallas estrechas.
• El overlay de 18 años es un <dialog> nativo abierto con showModal(), con aria-labelledby y aria-describedby. Escape no confirma la edad. «Salir» no redirige: solo muestra un aviso.

Teclado y lectores

Puedes recorrer la portada sin ratón: skip-link, wordmark, confirmación de edad, paneles, escala de margen, tarjetas de lectura y el pie. La escala anuncia los porcentajes en texto visible junto a cada barra. No hay menú hamburguesa. Las páginas internas se alcanzan desde el cuerpo y desde el pie. Eso evita un cajón modal extra. El costo es que en móvil el pie queda más abajo: lo aceptamos a cambio de menos trampas de foco.

El marco vivo (.rx-marco) es decoración: el giro de oro no se apaga aunque el sistema pida menos movimiento. El contenido no depende de que el borde gire para entenderse.

Texto y lengua

Escribimos en tú, no en vos. Las sumas van en pesos colombianos con punto de miles ($50.000). Las fechas van como en Colombia, 17/08/2026. Las palabras técnicas (rollover, HMAC, Habeas Data, RTP) se explican la primera vez o se enlazan. No usamos solo color para decir «bien / mal»: en las listas hay texto, no un punto de color huérfano.

La misma frase del skip-link se usa en todo el sitio. No hay una versión «Ir al contenido» en legal y otra en portada. Eso evita que un lector memorice dos atajos para el mismo gesto.

Límites honestos

No tenemos un informe de laboratorio WCAG. Las medidas de arriba son las que el código sostiene hoy. Las nueve lecturas llevan foto con alt en el artículo; en la portada el mismo recorte va decorativo (aria-hidden), no las dos cosas a la vez.

El overlay de edad puede robar el foco al cargar. Eso es deliberado en portada. Al confirmar, el foco pasa al título. En una visita ya confirmada, el muro se quita. Si usas un lector y el diálogo te estorba después de confirmar, borra sessionStorage.rx_frente18 solo si quieres volver a verlo; no lo borres «por limpieza» si te sirve de recuerdo.

Los PDF o documentos de terceros (Coljuegos, SIC) no los controlamos. Si un enlace oficial abre un archivo poco accesible, el reclamo va a esa entidad, no a este cotejo. Nosotros sí respondemos por el HTML de betco.latino.

Cómo reportar una barrera

Escribe a redaccion@betco.latino con la URL, el navegador, el sistema y lo que no pudiste hacer (teclado, lector, contraste, captura si puedes). No pedimos cédula. El plazo de respuesta razonable es de diez días hábiles. Si la barrera es grave (no se llega al texto, el overlay no se cierra), priorizamos ese correo sobre una corrección de cifra de bono.

Esta declaración no sustituye el pacto de consulta ni el resguardo de datos. Es la ficha de cómo se lee el sitio, no de cómo se trata un dato.

Pacto de consulta Abrir el cotejo