Accessibility
We want every recipe on this site to be usable by everyone, including people who navigate by keyboard, use a screen reader, or rely on reduced motion and high-contrast settings.
Our target
CookinCity targets WCAG 2.1 Level AA. This means readable color contrast, keyboard-reachable controls, descriptive alt text on meaningful images, semantic HTML, and a respect for the user's operating-system preferences — including dark mode and prefers-reduced-motion.
What's already in place
- Keyboard navigation for Cook Mode (←/→ arrows, Space, Escape), the homepage carousel, and all forms.
- Dark mode with a hand-tuned high-contrast palette, applied before first paint to avoid flashing.
prefers-reduced-motiondisables all non-essential animations.- Semantic HTML for recipes (
article,ol,details,nav) so screen readers can navigate the structure. - Descriptive alt text on recipe hero and step images (imported from the original site's image metadata).
- Clear focus indicators on all interactive elements.
Known limitations
- Some legacy recipe images have generic alt text inherited from the source. We're revising these as we update each recipe.
- Embedded YouTube videos, when added, rely on YouTube's player accessibility.
Found something that doesn't work for you?
Accessibility is a moving target. If something on this site is inaccessible to you — a control you can't reach, an image without a useful description, a contrast problem — tell us and we'll fix it. Real user reports beat any automated audit.