10 — Accesibilidad · COMAL
Objetivo: WCAG 2.2 nivel AA en flujos críticos (explorar, reservar, pagar, check-in, ops dashboard).
Auditoría de diseño (checklist)
| Criterio | Estado diseño | Notas |
|---|---|---|
| Contraste texto ink sobre background | OK | ~15:1 |
| Contraste texto white sobre primary | OK | naranja #E85D04 + white verificar ≥4.5 (ajustar a primary-strong en labels pequeños si hace falta) |
| Contraste muted 14px+ | Revisar en QA | ink-muted sobre surface |
| Target size ≥24px (2.2) / prefer 44px táctil | OK en CTAs y nav | |
| Focus visible | Especificado | anillo 2px primary |
| Orden de foco lógico | Especificado en handoff | |
| Labels en inputs | Sí | |
| Errores asociados al campo | Sí | aria-describedby |
| No solo color en slots | Sí | leyenda + relleno |
| Texto en imágenes | Evitado | badges como texto real |
| Motion | Reducir en prefers-reduced-motion | |
| Idioma | lang="es" | |
| Skip link | Desktop app | “Saltar al contenido” |
Hallazgos y correcciones en esta entrega
- Primary sobre soft backgrounds — chips de equipo usan secondary-soft + secondary para no depender solo de naranja.
- Check-in dark mode — PIN en mono grande 36px; contraste white/ink OK.
- Estados ocupados — no solo gris: deshabilitados + leyenda.
- Pendiente QA real — axe-core + prueba teclado + VoiceOver en iOS Safari PWA.
Riesgos
- Mapas: proporcionar lista equivalente.
- QR: siempre PIN alternativo (cumplido en diseño).
- PDF facturas: generar etiquetados en implementación.
No se declara cumplimiento legal definitivo — solo intención de diseño AA.
