fix: WCAG 2.2 AA audit — contrast, a11y, touch targets, responsive
Color contrast (all now ≥4.5:1):
- text-muted: #8a97a8 → #5a6a80
- orange-ink: #e26a12 → #a85210
- orange CTA bg: #f47a20 → #d46a18 (white text passes)
- navy-soft: #1c3a63 → #1a3459
- line: 8% → 10% opacity
Screen reader:
- Mobile menu: aria-expanded, aria-controls, dynamic aria-label
- Escape key closes mobile menu, returns focus
- Footer wrapped in <nav aria-label>
- All decorative icons/emojis marked aria-hidden
- Hero logo gets descriptive alt text
- Sections get aria-labelledby with sr-only headings
Touch targets (all ≥44px):
- Hamburger button: min-w/h-[44px]
- All nav links: min-h-[44px] with flex items-center
- CTA buttons: min-h-[44px]
- Footer links: min-h-[44px]
Responsive:
- English page now uses fluid px-4/6/10 padding
- H1: clamp(2rem, 6vw, 56px) — minimum 32px on mobile
- Rutas section padding consistent with rest
Motion:
- prefers-reduced-motion: disables floaty, twinkle, rise-in animations
- scroll-behavior: auto when reduced motion
Fernando
f7a853dded