Cada página de este sitio se verifica con Playwright + axe-core + Alfa antes del despliegue, y el marcado sigue WCAG 2.2 AAA — hecho con Next.js, uno de los marcos de React más populares.

Qué hace el modelo

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

Guías paso a paso

Cada guía explica un tema específico de accesibilidad — con ejemplos en vivo, patrones de código y explicaciones en lenguaje claro para personas usuarias neurodivergentes y usuarias de lectores de pantalla.

• PDFs accesibles— PDF/UA + WCAG 2.2 AA, la postura del DOJ sobre “separado pero igual” y cuándo HTML es la respuesta correcta.
• Tablas accesibles — leyendas, scope, encabezados y 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, y 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, buenas prácticas de SVG y los requisitos AAA de WCAG.
• Videos accesibles — subtítulos, descripciones de audio, transcripciones y controles de reproductor accesibles para cumplir 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.