Accesibilidad

El estándar con el que construimos

WCAG 2.1 AA. Es un objetivo con pruebas detrás, no una declaración de intenciones: cada afirmación de abajo se midió en un navegador en lugar de darse por hecha.

• Un solo h1 por página, con los encabezados en orden y sin saltarse niveles.
• Regiones marcadas —cabecera, navegación, contenido principal, pie— en todas las páginas.
• Un enlace para saltar al contenido como primera parada del tabulador, que aparece en cuanto recibe el foco.
• Anillos de foco visibles en todos los elementos interactivos.
• Alternativa textual en cada imagen; la ilustración decorativa marcada como aria-hidden.
• Manejo completo con teclado, incluida la ficha de plan, que retiene el foco mientras está abierta y lo devuelve al cerrarse.

Movimiento reducido

Este sitio se mueve mucho. Activar la reducción de movimiento en tu sistema operativo lleva cada animación a su estado final de inmediato: el acercamiento entre secciones pasa a ser un salto, las apariciones se dibujan ya visibles, y la tarjeta deja de responder al puntero. Nada queda fuera de tu alcance y no se pierde ningún contenido.

Contraste, con honestidad

El texto corrido, los encabezados, los botones y todos los avisos legales cumplen el mínimo de 4,5:1. Algunas etiquetas secundarias de la página comercial —los años de los premios, los pies de las cifras, los antetítulos pequeños en mayúsculas— se quedan entre 2,2:1 y 4,1:1 y no lo cumplen.

Se dice en vez de esconderse porque una página de accesibilidad que sólo enumera aciertos es publicidad. El texto afectado es rotulación decorativa que repite información disponible en el mismo panel, pero es un incumplimiento real de AA y está en la lista de cosas por arreglar.

Avisar de un problema

Si algo aquí te resulta inutilizable, eso es un defecto. En un servicio real, aquí estarían el contacto de accesibilidad y su plazo de respuesta; en esta demostración, ayuda@abogados-legal.co llega al proyecto.