We want Shape Friends to be a friendly place no matter how you read, move, or hear. Here's what we've built in and what you can switch on.
Built in for everyone
These work automatically — you don't have to turn anything on:
- System preferences are respected. If you've turned on Reduce motion or Increase contrast in your OS, the site picks that up and adapts on first load.
- Keyboard navigation. Every link and button is reachable with Tab. The friends carousel also responds to the ← and → arrow keys.
- Screen-reader friendly markup. Decorative friends are hidden from assistive tech; meaningful headings and buttons get descriptive labels.
- Touch-friendly hit areas. Tappable things meet the 44×44 pixel minimum, including the carousel pagination dots which have invisible padding to make them easier to land on.
- Pinch and browser zoom work. We don't disable mobile zoom; every layout uses fluid units so zooming in stays usable rather than chopping content off.
Toggle in the footer
At the bottom of every page you'll find two small buttons:
- Higher contrast. Switches the brand colours to a darker variant that clears WCAG AA contrast for large display text. Keeps the same personality, just dialled down.
- Reduce motion. Stops the friends' breathing, wobble and cursor-tracking, and disables the gentle scroll-reveal fades. Useful if movement on screen makes you uncomfortable.
Your choice is saved on your device and carries across pages. Click again to switch it off.
Honest about the trade-offs
The default brand palette uses light, warm colours that don't all
meet WCAG AA contrast against the cream background. That's a
deliberate choice for the kids'-app personality, balanced against
the Higher contrast escape hatch above and the
fact that every coloured phrase on the hero is also given a plain
text reading via aria-label for screen readers.
If you'd rather we never made that trade-off, please tell us — we'd genuinely like to know.
Something not working?
If something on the site is hard to use for you, we want to fix it. Get in touch and tell us what you ran into. A short description of your setup (browser, assistive technology if any, what you were trying to do) helps us reproduce it.
Last updated: May 2026