kellpossible / avalanche-report

A simple self-hosted web server for creating and managing an avalanche forecast for a region, along with accepting public observations.
GNU Affero General Public License v3.0
20 stars 1 forks source link

Icon for language selector #56

Closed kellpossible closed 7 months ago

kellpossible commented 7 months ago

Having the label "Language:" isn't very accessible for people who speak other languages. If we localize this value then it will change depending on what language is selected which also isn't ideal. We could rely on people identifying the flag as the language, however not every language has an associated country flag (and we may want to disable the flag for neutrality reasons).

This is what it would look like with the flag disabled: image

For someone who speaks only German, this may be impossible to understand that it is a language selection dialog.

An alternative to this could be to have an icon which identifies the language selector. Another alternative could be to always display all languages, however this won't scale well as we add more languages.

kellpossible commented 7 months ago

Icons which have a globe, or earth, seem to be among the most recognisable.

kellpossible commented 7 months ago

There's also this style of icon which is common (this example from jetbrains.com site) image

kellpossible commented 7 months ago

Shopify

image

Booking.com

image image

AirBnB

image image

kellpossible commented 7 months ago

Some great perspective is presented in this article https://www.smashingmagazine.com/2022/05/designing-better-language-selector/

kellpossible commented 7 months ago

I went with this option for now: image