Ir al contenido

Afiliado Coljuegos Sitio informativo con enlaces de afiliado. Las salidas remiten únicamente a operadores con licencia de Coljuegos en Colombia.

Acceso · WCAG 2.2

¿Cómo está hecha esta página para leerse mejor?

Actualizado el 11/08/2026 · publicado el 24/07/2026 · 7 min · Fichas

Jabalí dorado de chaqueta y gafas oscuras leyendo un libro de gran formato

Fichas quiere ser un cotejo que se pueda leer con teclado, con lector de pantalla y con poco contraste de moda. 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 “Ir al contenido” es el primer control del cuerpo: en la portada salta a la tabla; en el resto, al artículo. Los botones miden 44px de alto. El foco visible es un outline de 2px en el teal profundo; 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 en DD/MM/AAAA. Si un control no responde con teclado, o un lector se come un título, el canal es pro@fichas.co: URL, navegador y lo que no pudiste hacer. El responsable editorial es INTERACTION AGENCIA DE PUBLICIDAD, SOCIEDAD ANONIMA, Costa Rica. Abajo está la lista de lo puesto, los límites honestos y cómo reportar una barrera.

Qué hay puesto hoy

  • lang="es-CO" en el HTML, para que el lector pronuncie en español de Colombia.
  • Skip-link “Ir al contenido”: el primer control del cuerpo. En la portada salta a la tabla; en el resto, al contenido. 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 fondo claro (#0B1C22 sobre #C5D4DC / #FFFFFF) y de enlaces del pie sobre fondo oscuro.
  • Foco visible: outline de 2px en el teal profundo, con desplazamiento de 2px. No lo apagamos en :focus.
  • Controles de 44px de alto en botones y en el overlay de edad.
  • La cabecera no es fija. El scroll-padding-top es bajo (12px), para que un ancla no quede tapada por una barra pegada.
  • Imágenes de marca con width, height y alt. El beacon del encabezado 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, cortamos transiciones.
  • Tablas con caption y encabezados th.
  • El overlay de 18 años es un role="dialog" con aria-modal. El botón de menor de edad no redirige: solo muestra un aviso.

Teclado y lectores

Puedes recorrer la portada sin ratón: skip-link, logo, confirmación de edad, pestañas del cotejo, control del cálculo, enlaces de ficha oficial y el pie. Las pestañas usan aria-selected y paneles con hidden. El cálculo anuncia el resultado con aria-live="polite".

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.

Texto y lengua

Escribimos en tú, no en vos. Las sumas van en pesos colombianos con punto de miles ($50.000). Las fechas van en DD/MM/AAAA. Evitamos párrafos eternos en legal; esta página, de hecho, usa frases más cortas a propósito. Las palabras técnicas (rollover, HMAC, Habeas Data) se explican la primera vez o se enlazan.

No usamos solo color para decir “bien / mal”. En las tarjetas hay icono más texto. Zamba se distingue por los anillos de la marca y por ir primero en la lista, no por un sello de color.

Límites honestos

Los SVG de marca (Zamba, BetPlay) no siempre traen un texto interno accesible; por eso el alt va en el img. El cálculo no está pensado para un lector braille de 20 caracteres: el número grande se complementa con una frase. El overlay bloquea el scroll del fondo; si un lector no anuncia el diálogo, el título “¿Tienes 18 años o más?” está en el propio muro.

Terceros (fichas oficiales, Coljuegos, líneas de ayuda) tienen su propia accesibilidad. No la controlamos.

Cómo reportar una barrera

Escribe a pro@fichas.co con la URL, el navegador y lo que no pudiste hacer (ejemplo: “la pestaña Pagos no se activa con Enter”). Respondemos en días hábiles. El responsable editorial es INTERACTION AGENCIA DE PUBLICIDAD, SOCIEDAD ANONIMA, Costa Rica.

Esta declaración se actualizó el 11/08/2026. Si cambiamos un control grande (un menú nuevo, un formulario), revisamos esta lista el mismo ciclo.

Juego responsable Inventario de cookies