Accessibility

DecideMyMeal is built to be usable by as many people as possible, regardless of ability or the technology used to browse the web.

Supported assistive technologies

DecideMyMeal is built on semantic, standards-based HTML and tested against common combinations, including NVDA and JAWS with Chrome/Firefox on Windows, VoiceOver with Safari on macOS and iOS, and TalkBack with Chrome on Android. Because the site avoids non-standard widgets and custom form controls where a native element will do, it should also work reasonably well with assistive technologies we haven't explicitly tested.

Keyboard navigation

Every interactive element — filters, the Decision Tool form, the favorite/hide toggles, the Meal Wheel's spin button, the cookie consent banner — is reachable and operable via keyboard alone, in a logical tab order. A "Skip to content" link is the first focusable element on every page, letting keyboard users bypass repeated navigation.

What we do

• Semantic HTML with a proper heading hierarchy on every page
• Full keyboard navigation for the Decision Tool, Meal Wheel, and every interactive filter
• Visible focus indicators on all interactive elements
• ARIA labels on icon-only buttons (like the favorite toggle) and live regions for dynamic result updates
• Color combinations chosen for sufficient contrast against our warm paper background
• Support for prefers-reduced-motion — animations (including the Meal Wheel spin) shorten automatically if you've requested reduced motion at the OS level
• Responsive layouts that work with browser zoom up to 200% without loss of content
• Touch targets sized for comfortable use on mobile (minimum 44×44px on primary actions)

Ongoing work

Accessibility is not a one-time checklist — we periodically review the site against WCAG 2.1 AA guidelines and fix issues as they're found.

Future improvements

Planned accessibility work includes a formal automated + manual audit pass ahead of each major release, adding more descriptive alt text as real food photography replaces our current illustrated placeholders, and continuing to test against additional assistive technology combinations as the site grows into new languages.

Reporting an issue

If you encounter an accessibility barrier anywhere on DecideMyMeal, please let us know via ourContact page. Include the page URL and, if possible, the assistive technology and browser you were using — it helps us reproduce and fix the issue faster.