Accessibility
Cookie consent is a legal and UX requirement — it must also be usable for everyone.
Built-in support
- Keyboard navigation for all controls
- Focus trapping inside the settings dialog (Radix UI)
- Screen reader labels and dialog semantics
- Escape to close the settings modal
- Reduced motion via Framer Motion and CSS
- WCAG-oriented contrast on neutral palettes
- Large touch targets on mobile (min ~44px buttons)
Recommendations
- Link your privacy policy from the banner description
- Keep category copy plain and specific
- Do not auto-accept on scroll or page load
- Offer an obvious way to reopen settings