Inclusive First-Response Design

Accessibility Statement

WhatNow? is committed to ensuring digital accessibility for everyone — especially during high-stress emergency situations.

1. Keyboard Navigation & Visible Focus

All interactive components — including search inputs, category chips, emergency checklists, template generator fields, and chatbot controls — are fully operable via keyboard (`Tab`, `Shift+Tab`, `Enter`, `Space`). Focus states use high-contrast ring indicators.

2. Semantic HTML & Screen Readers

Pages follow clear heading hierarchies (`h1`, `h2`, `h3`), landmark elements (`header`, `main`, `nav`, `footer`), and ARIA labels for interactive widgets to ensure compatibility with screen readers like NVDA, JAWS, and VoiceOver.

3. Color Contrast & Readability

WhatNow? uses high-contrast warm stone surfaces (`#1C1917` charcoal text on `#FAFAF9` warm background, `#D97706` amber accents, `#065F46` emerald badges) meeting WCAG AA contrast standards.

4. Responsive Design & Touch Targets

The interface scales seamlessly across mobile, tablet, and desktop screens (375px to 1440px+). Buttons and interactive controls maintain generous touch target sizes for comfortable tapping on mobile devices.

5. Reduced Motion Support

Animations and transitions respect operating system `prefers-reduced-motion` settings to prevent discomfort for users with vestibular or motion sensitivity.

Encountered an accessibility barrier?

We actively review and fix accessibility feedback. Let us know if you experience any difficulties accessing content.