¿Qué barreras quitamos y cuáles quedan?

Betco Latino aspira a ser un cotejo utilizable mediante teclado, mediante lector de pantalla y sin depender de un adorno que se mueve. El objetivo declarado es el nivel AA de WCAG 2.2. No exhibimos certificado de laboratorio: enumeramos medidas verificables y dejamos un correo donde avisar de lo que se rompe.

El documento declara lang="es-CO" y nunca repite el h1: uno por página. El enlace de salto «Brincar al texto» encabeza la secuencia de tabulación del cuerpo y lleva a #cotejo desde la portada o a #cuerpo en el resto. Los botones no bajan de 48px de altura. El foco es un outline de 2px: verde primario sobre papel, oro #E8C36A en el pie oscuro e tinta sobre el CTA dorado. Eso no se desactiva. Se descartó la cabecera pegajosa justamente para que ninguna barra superior tape el destino de un ancla.

Escribimos en tú, en pesos colombianos con punto de miles y fechas como 17/08/2026. ¿Un control al que el teclado no llega, un encabezado que el lector se salta? Avísalo en redaccion@betco.latino: indica la dirección, el navegador y la acción que no pudiste completar. Responde por la edición AGENCIA DE PUBLICIDAD B COMUNICA SOCIEDAD ANONIMA, Costa Rica.

Qué hay puesto hoy

• lang="es-CO" en el HTML, de modo que la voz sintética pronuncie en español colombiano.
• Enlace de salto «Brincar al texto», primero en el orden de tabulación: conduce al cotejo en portada y al artículo en las demás. Se mantiene oculto hasta recibir foco.
• Nunca más de un h1 por documento. Los h2 quedan alineados a la izquierda: centrarlos sería 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.
• Zona táctil de 48px de altura, tanto en botones como en el panel de edad.
• La cabecera no es fija. El scroll-padding-top es 12px, para que un ancla no quede tapada.
• Los logotipos llevan width, height y su alt. El beacon del pie va con alt en blanco, ya que no suma información.
• SVG decorativos marcados con aria-hidden="true", porque la frase contigua ya comunica el sentido.
• 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 manda a ninguna parte: se limita a mostrar un texto.

Teclado y lectores

La portada se recorre entera sin tocar el ratón, en este orden: enlace de salto, wordmark, confirmación de edad, paneles, escala de margen, tarjetas de lectura y pie. La escala anuncia los porcentajes en texto visible junto a cada barra. Se prescindió del menú hamburguesa: a las páginas internas se llega desde el cuerpo del texto y desde el pie, lo que ahorra un panel modal de más. 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

El trato elegido es de «tú» y no de «vos». Los importes se expresan en pesos colombianos con punto de millar ($50.000) y las fechas siguen el uso colombiano, 17/08/2026. Cada término técnico (rollover, HMAC, Habeas Data, RTP) queda aclarado en su primera aparición o lleva enlace. El color nunca carga solo con la distinción entre «bien» y «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