Contraste de color
Texto del cuerpo ≥ 4.5 : 1, texto grande ≥ 3 : 1. Infractor común: dorado sobre crema, gris claro sobre blanco.
Auditoría ADA
Cumpla WCAG 2.1 AA y entregue un sitio más inclusivo
Los litigios ADA afectan a miles de sitios estadounidenses cada año. Nuestra auditoría mapea exactamente los elementos que WCAG 2.1 AA cubre — y los que demandantes citan.
Qué auditamos
Alineado a WCAG 2.1 AA, calidad legal
Los litigios ADA están aumentando. Auditamos los elementos que el Departamento de Justicia y demandantes realmente examinan.
Acceso por teclado
Cada elemento interactivo alcanzable con Tab; contorno visible :focus-visible; sin trampas de teclado.
Semántica para lectores
Roles landmark (main, nav, banner), aria-label en botones solo-icono, encabezados en orden.
Alternativas de imagen
Cada <img> con alt descriptivo (decorativas alt=""); <figcaption> en figuras.
Formularios y errores
Etiquetas asociadas vía for/id; campos requeridos con aria-required; mensajes de error enlazados.
Movimiento y zoom
Respete prefers-reduced-motion; texto escalable al 200% sin pérdida; viewport permite escalado por usuario.
Guía
Seis arreglos que cierran 80% de hallazgos WCAG
La mayoría de escáneres ADA arrojan los mismos problemas recurrentes. Aborde estos seis primero.
1Audite contraste de color
Ejecute WAVE. El texto del cuerpo debe ser ≥ 4.5 : 1. Reemplace grises claros con ≥ #666.
2Añada alt a cada <img>
Decorativas alt=""; informativas con descripción corta; iconos SVG con aria-label o aria-hidden.
3Configure <html lang>
Indica a los lectores qué idioma pronunciar. Una línea, gran victoria — y a menudo falta.
4Restaure el contorno de foco
Nunca outline:none sin reemplazo. Use :focus-visible para un anillo limpio solo-teclado.
5Orden de encabezados y un H1
Exactamente un <h1> por página; sin saltar H2 → H4. Los lectores lo usan para navegación rápida.
6Libere el viewport
Quite user-scalable=no y maximum-scale=1. Usuarios con baja visión necesitan zoom — Safari lo trata ahora como violación.
Convierta los hallazgos en un backlog enviado
Abra las Herramientas Gratuitas y comience reuniendo los informes de terceros usted mismo.