My learning 0 of 20 lessons complete
Start lesson 1 →
pattern-library 1 linked patterns checked

USWDS Language selector

Documents language selector placement, two-language and three-or-more-language variants, equivalent translated content expectations, contrast, HTML lang use, list semantics, and language-specific labels with lang attributes.

Read with a purpose

What this source can teach

Use this source to compare a documented solution with the task and states in your own product.

  1. Start with the original. Open the source and find the guidance or example relevant to your task.
  2. Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
  3. Check the setting. Compare the source's platform, people, and constraints with your own decision.

Pattern Decisions This Source Supports

Pattern Supported decision Required contract Claim note
Language selector Choose language selector when users need to switch the current page, task, or product interface to another available language. The selector names the current language and available alternatives in language labels users can recognize. Supports language-selector variants, equivalent content expectations, visible labels, lang attributes, contrast, and list semantics.

Evidence Role

This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.

Publisher: U.S. Web Design System. Last checked: .

Saved items