Cada página de este sitio se prueba automáticamente con Playwright + axe-core + Alfa antes del despliegue. El marcado está diseñado y probado hacia WCAG 2.2 AAA. El sitio está hecho con Next.js, uno de los marcos de React más populares.

Qué hace el modelo (objetivos AAA)

• Distingue la base legalmente exigible WCAG 2.2 AA del nivel aspiracional 2.2 AAA. Cita cada criterio de éxito por número y nivel.
• Navega el Título II del DOJ (28 CFR Parte 35) y los mandatos estatales de EE. UU. Algunos ejemplos: la política WaTech USER-01 de Washington (antes OCIO Policy 188) y el programa ADA Título II de Oregón (Oregon EIS / ODOT). También la AB 434 de California y la Unruh Civil Rights Act.
• Escribe especificaciones de prueba ejecutables con Playwright + @axe-core/playwright + Alfa. También escribe scripts de Python que convierten los resultados en informes accesibles.
• Guía las pruebas manuales con participación humana. Usa Microsoft Accessibility Insights for Web (FastPass o Assessment).
• Explica el impacto humano de cada requisito. Esto incluye a las personas usuarias neurodivergentes.
• Cubre la Sección 508 y la Rehabilitation Act para agencias federales y sus contratistas. Esto incluye el refresco de ICT (36 CFR Parte 1194).
• Genera patrones de autoría ARIA correctos para componentes complejos. Algunos ejemplos: menús, diálogos y pestañas. También acordeones, carruseles, regiones en vivo y controles de formulario personalizados.
• Verifica relaciones de contraste de color. Recomienda ajustes de paleta conformes con WCAG. También explica qué cambios de tokens corrigen una violación sin romper la identidad de marca.
• Produce marcado accesible para formularios. Esto incluye etiquetas, mensajes de error, agrupamiento, autocompletado y advertencias de tiempo. Esto satisface los SC 1.3.5, 3.3.1, 3.3.2 y 3.3.7.
• Asiste con la accesibilidad de PDF y documentos. Esto cubre el orden de etiquetado y la secuencia de lectura. También cubre el texto alternativo para figuras. Además cubre los pasos de remediación para archivos exportados desde Office o impresos a PDF.
• Redacta y revisa el lenguaje de VPAT / ACR (ediciones WCAG 2.x y Sección 508). Usa niveles de conformidad honestos. También divulga las brechas conocidas.
• Aplica orientación de lenguaje claro y legibilidad (SC 3.1.5, objetivo Flesch–Kincaid grado 8). Redacta contenido público con esa orientación. También lo simplifica.

Guías paso a paso

Cada guía explica un tema específico de accesibilidad. Las guías incluyen ejemplos en vivo y patrones de código. También incluyen explicaciones en lenguaje claro para personas usuarias neurodivergentes y usuarias de lectores de pantalla.

• PDFs accesibles— PDF/UA + WCAG 2.2 AA y la postura del DOJ sobre “separado pero igual”. También cubre cuándo HTML es la respuesta correcta.
• Tablas accesibles — leyendas, scope y encabezados. También diseño responsivo para tablas de datos que funcionan con cada lector de pantalla.
• Gráficos y mapas accesibles — gráficos de barras y dona de Chart.js en vivo con tablas de datos. También incluye un mapa de OpenStreetMap que muestra la densidad de población neurodivergente en WA, OR y CA.
• Imágenes accesibles — patrones de texto alternativo para cada tipo de imagen y buenas prácticas de SVG. También cubre los requisitos AAA de WCAG.
• Videos accesibles — subtítulos, descripciones de audio y transcripciones. También controles de reproductor accesibles orientados al nivel WCAG 2.2 AAA.
• Plataforma técnica accesible — por qué Next.js, Tailwind, Playwright y Alfa funcionan juntas para el cumplimiento WCAG en cada capa.