Use language names, optionally with a globe icon.

Is auto-detection enough?

No, use it only as a default with manual override.

Language Switcher

💼 Business By CampusDown Wiki Editorial Team Last updated October 27, 2026

A language switcher is a menu or setting that lets users choose the display language of an interface and its content.

Contents

1. Names, not flags
2. Auto-detect and override
3. After switching
4. FAQ
5. References

Names, not flags

Flags mean countries, not languages. Show endonyms with a recognizable globe icon (Norman, 1999) in a consistent spot, and add lang to each name (MDN, n.d.; W3C, 2023, 3.1.2).

Auto-detect and override

Default to browser language but allow changes (W3C Internationalization, n.d.); IP-based guesses fail travelers. Persist choices and support per-app language (Android Developers, n.d.); use a searchable bottom sheet for long lists.

After switching

Stay on the translated version of the same page; link versions with hreflang (Google Search Central, n.d.). Adapt dates, numbers and RTL (Reinecke & Bernstein, 2011) — affecting information architecture and conversion.

FAQ

Can I use flags?: Use language names, optionally with a globe icon.
Is auto-detection enough?: No, use it only as a default with manual override.

Sources reviewed: 2026-10-27

References

W3C Internationalization. (n.d.). Language negotiation and site navigation. Auto-detect but allow override.
MDN Web Docs. (n.d.). lang. The lang attribute.
Android Developers. (n.d.). Per-app language preferences. Per-app language settings.
Google Search Central. (n.d.). Tell Google about localized versions of your page. hreflang for localized pages.
Reinecke, K., & Bernstein, A. (2011). Improving performance, perceived usability, and aesthetics with culturally adaptive user interfaces. ACM Transactions on Computer-Human Interaction, 18(2), 1–29. https://doi.org/10.1145/1970378.1970382 Culturally adaptive UIs.
Norman, D. A. (1999). Affordance, conventions, and design. Interactions, 6(3), 38–43. Recognizable signifiers.
World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. Criteria 3.1.1 and 3.1.2.

Reports and materials that use this theory (Korean)

There are no materials dedicated to this theory yet, but you can search related reports in the CampusDown library (Korean).

Find more reports · Search '언어 선택기' on CampusDown →

Information ArchitectureInformation architecture organises content so users can find and understand it. Covers the four systems, depth versus breadth, small-screen research, information scent, the 7±2 myth and mobile menu design.⚙️ Engineering & Technology Bottom SheetA bottom sheet slides up from the screen edge to show extra information or choices. Covers standard and modal sheets, detents, drag-to-dismiss, thumb-reach evidence, accessibility and common mistakes.⚙️ Engineering & Technology Conversion Rate OptimizationConversion rate optimization improves experiences so more visitors complete goals such as purchase or sign-up. Covers funnel diagnosis, the Fogg behaviour model, hypothesis-driven A/B testing, mobile checkout friction and the risks of dark patterns.💼 Business Consumer Decision-Making and Impulse BuyingThe consumer decision-making process: the five stages from need recognition to post-purchase behaviour, the EKB model, how involvement changes it, post-purchase dissonance, Stern's four types of impulse buying, Rook's definition, and marketing implications.💼 Business

Latest ArticlesView all ›

New guides for college study and assignments (Korean)

This article was last updated on October 27, 2026. It is based on widely recognized original works and textbooks; when citing it in a paper, please check the original sources listed in the references.