[openstreetmap/openstreetmap-website] Localize English captions in language picker (Issue #6319)

[Minh Nguyễn]

1ec5 created an issue (openstreetmap/openstreetmap-website#6319)

#6313 modified the language picker so that every language option has the English name below the native name. It’s always in English regardless of the user’s preferred language. This can be a very useful feature: you can easily see what the map looks like in another language like Greek, even if you don’t know that “Ελληνικά” means Greek in Greek. Unfortunately, this feature mostly only benefits users who speak some English. Speakers of other languages will only recognize the words if it’s similar to their own language.

Similar to #6127, we could instead display each language’s name in both the native name and the current locale using [`Intl.DisplayNames`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames). Different browsers have translations of different language names into different languages, so we’d need to fall back to either the English name or the raw language code:

```js
const displayNames = new Intl.DisplayNames(OSM.preferred_languages, { type: "language" });
let displayName = displayNames.of(:code);
if (displayName === :code) {
  displayName = language[:english_name];
}
```

As discussed in https://github.com/openstreetmap/openstreetmap-website/pull/6313#discussion_r2268803424, in the case where the user lacks a font for the current interface language, they probably will have a font for the language they speak. The dialog would continue to label that language with the native name, which they can still read.

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/issues/6319
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/issues/6319 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20250812/11e501b8/attachment-0001.htm>