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

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
h1por página. Losh2van 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:
outlinede 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-topes bajo (12px), para que un ancla no quede tapada por una barra pegada. - Imágenes de marca con
width,heightyalt. El beacon del encabezado llevaaltvací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
captiony encabezadosth. - El overlay de 18 años es un
role="dialog"conaria-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.