Designers
ToolsDocsProAll the Possibles

All 141 tools / International and inclusive design

Review a language switcher for flags, English-only names, bad language tags and navigate-on-change

Locale picker reviewFreeFor designers and developers

25/day

free runs a day, no sign-in.

Before: what you give it

The example input, as typed in. You paste text, CSS, markup or notes.

<select id="lang" onchange="go(this.value)"><option value="en">English</option><option value="de">German</option><option value="es">🇪🇸 Spanish</option><option value="ar">Arabic</option><option value="ja">JA</option></select>

After: what comes back

The first lines of a real run on that input. Nothing here is edited by hand.

LOCALE PICKER REVIEW
5 options read
Findings: 3 high, 2 medium, 1 low, 0 info

[HIGH] Convention (flags are countries, not languages): 1 option use flag emoji
  Flags stand for countries. Spanish, English, Arabic and Portuguese span many, and a flag excludes everyone else who speaks the language. Flag emoji also render as two letters on Windows.
  Seen in: 🇪🇸 Spanish
  Fix: Use the language's own name; add the country only when content differs by region.

[HIGH] Convention; WCAG 3.1.2 Language of Parts (AA): 3 options named in English
  Someone who cannot read English cannot find their language in a list of English names.
  Seen in: German | 🇪🇸 Spanish | Arabic
  Fix: Show each language in its own language (Deutsch, Français, 日本語), with lang set on the element.
... full output on the tool page

What you get

Findings by severity on flags, autonyms, codes, lang attributes, BCP 47 validity and behaviour

What it cannot do

Autonym checks use a built-in table of about 30 languages; other languages are not verified.

Who it is for

  • Designers
  • Developers

Free and Pro

Free25 runs a day per IP address, up to 100,000 characters a run.
ProNo daily limit, 300 requests a minute, up to 200,000 characters a run.

What each plan includes

Use it from your assistant

The tool is called review_locale_picker. Connect the server once, then ask for it by name or just describe the job. Install steps for each app.

claude mcp add --transport http designers https://designers.allthepossibles.com/mcp
curl -X POST https://designers.allthepossibles.com/api/locale-picker -H 'content-type: application/json' -d '{"locales":"<select id=\"lang\" onchange=\"go(this.value)\"><option value=\"en\">English</option><option value=\"de\">German</option><option value=\"es\">🇪🇸 Spanish</option><option value=\"ar\">Arabic</option><option value=\"ja\">JA</option></select>"}'

Try it here

The form starts with the same example input, so you can run it first and then swap in your own.

More in international and inclusive design

All international and inclusive design tools