Service 08 of 9

Bilingual, accessible product

Interfaces designed for two languages from the very first sketch, with contrast, focus and keyboard use taken care of on every screen.

What's included

  • Spanish and English
  • Copy that fits in both languages
  • Visible contrast and focus
  • Keyboard navigation

How I work

Translating a website at the end rarely goes well: English takes up less space, German more, and buttons break. That's why I design for two languages from the first sketch, with layouts that can take text of different lengths and no words baked into images.

AIseigen and MOTOR-SCOPE work in Spanish and English. This website goes a step further: it's in Spanish, English and Japanese, each language with its own address so Google can find it, and in Japanese even the book reads the other way, right to left, just as it does in Japan.

Accessibility comes in the same package: enough contrast to read in direct sunlight, visible focus for keyboard users, labels for screen readers and animations that tone down when the system asks for it. It isn't an extra: it makes the website work better for everyone.

Why it's worth it

  1. You reach more people, and in their own language.
  2. Nobody gets left out: contrast, focus and keyboard use taken care of.
  3. A more solid experience for everyone, on mobile too.

I've applied it in

More services