Una hoja que se puede recorrer sin el mouse

Juegoranita es un comparador privado, no un organismo alcanzado de lleno por la Ley 26.653. Esa ley (art. 1) obliga al Estado nacional, a entes públicos y a empresas prestadoras o contratistas de servicios a respetar las pautas que fija la Oficina Nacional de Tecnologías de la Información (ONTI). El Decreto 656/2019 reglamenta la ley y designa a la ONTI como autoridad de aplicación. El artículo 8 invita a las instituciones privadas a sumarse. Esta página dice qué hicimos y qué no fingimos.

Referencia, no certificado

Tomamos como referencia las Pautas de Accesibilidad para el Contenido Web (WCAG) en su lectura 2.2, nivel AA, y la Disposición ONTI 6/2019, que adopta WCAG 2.0 y un piso de criterios para el sector alcanzado. No publicamos un sello de conformidad ni un número de auditoría externa. Si un control automático marca un error, se corrige; no se discute en un banner.

Lo que ya está en la hoja

Hay un único H1 por página. El salto «Pasar al contenido» cae en #charco en la portada y en #hoja en el resto. Los enlaces de salida y los botones del diálogo miden, en la práctica, 44 px de alto. El contraste de tinta sobre lodo y de tinta sobre papel se eligió para texto corrido; el oro (--panza) es relleno de botón, no color de una nota al pie.

El aviso de 18 años usa un elemento dialog nativo, no un role=dialog inventado sobre un div. Se abre con showModal(). El cierre por Escape está anulado a propósito: hay que elegir Sí o el camino de «Todavía no tengo 18». El foco, al confirmar, vuelve al H1 de la portada.

Las imágenes de teaser van con alt vacío cuando el título de la tarjeta ya dice lo mismo. Los logos de casa tienen el nombre de la marca. El disco 18+ tiene texto alternativo. El beacon del encabezado es una imagen 0×0 con alt vacío: no es contenido.

Las fichas de operador y las tejas de lectura son enlaces o botones de 44 px de alto. No hay un control de rango ni un calculador en la portada.

Teclado y movimiento

No hay menú hamburguesa ni barra fija que tape el foco. El marco iridiscente del diálogo (.iris), el brillo del botón de oro y el paneo lento de la foto de portada siguen en marcha también con prefers-reduced-motion: es un lock de esta portada, no un fallo. En impresión y en forced-colors ese decoro se apaga. En impresión se ocultan además el diálogo, el salto y la foto de portada.

Idioma y lectura

El html lleva lang=es-AR. Los textos están en voseo. Evitamos tablas que no se puedan desplazar en un teléfono: hay un aviso «Deslizá la tabla» bajo 720 px. Las lecturas no llevan un índice de anclas: el H1 y los H2 se recorren en el flujo, a todo el ancho del papel.

Avisos

Si un lector de pantalla salta un encabezado, si un contraste falla al agrandar el texto o si un enlace no se distingue del párrafo, escribí a ranita@juegoranita.com con la URL y el aparato. No prometemos un plazo legal de la 26.653; prometemos leer el mensaje y corregir lo que esté en nuestro código.

Qué no está

No hay un reproductor de video con controles propios. No hay un mapa de calor. No hay un chat flotante que robe el foco. No hay un carrusel de fichas que se mueva solo. El diálogo de 18 años es el único overlay. Si mañana se suma otro, esta hoja se reescribe: no vamos a describir un role=dialog si el código usa otra cosa.

Las imágenes de teaser son cuadros finales en 3:2. La foto de una nota, en escritorio, flota a la izquierda en un recuadro corto (~16 rem): el texto y el H2 siguen al lado, no debajo de un hueco. Bajo 700 px ocupa el ancho del papel, con tope de altura, y se ve el cuadro entero (contain), no un recorte 16:9.

Ampliación de texto

El cuerpo usa un tamaño de base de 1.05 rem. Los H1 y H2 de las lecturas usan text-wrap:wrap a todo el ancho del papel. Si agrandás el texto del sistema, la grilla de tres columnas pasa a una en 900 px. Un hueco horizontal en un teléfono es un error: se reporta. El oro de los botones no se usa para una nota al pie de 14 px sobre el barro: ese contraste no alcanza.