Locale Preference Review Patterns

Locale Summary

A static locale summary shows English (United States), United States, America/Chicago, and Saved locale status.

Program

Locale preference summaries should make the saved language, region, and time zone readable without computing or saving anything live.

locale_summary_card.html
Visuals: captured from real browser rendering
<section class="locale-summary" aria-labelledby="locale-summary-title">
  <h2 id="locale-summary-title">Locale summary</h2>
  <dl>
    <div><dt>Language</dt><dd>English (United States)</dd></div>
    <div><dt>Region</dt><dd>United States</dd></div>
    <div><dt>Time zone</dt><dd>America/Chicago</dd></div>
    <div><dt>Status</dt><dd><span class="badge">Saved locale</span></dd></div>
  </dl>
  <p class="note">Static locale summary only; no account lookup, locale service, storage, route, API, network, script, form submit, browser Intl formatting, or live preference save runs.</p>
</section>
<style>
  .locale-summary { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #64748b; padding: 12px; }
  .locale-summary dl { display: grid; gap: 8px; margin: 0; }
  .locale-summary dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .locale-summary dt { color: #475569; }
  .locale-summary dd, .note { margin: 0; }
  .badge { border-radius: 999px; background: #dcfce7; padding: 2px 8px; }
  .note { color: #475569; }
</style>

  1. Label the locale summary.

    The section is labelled by its visible heading.
    The section is labelled by its visible heading.

  2. Show the language row.

    The language is exact pinned data.
    The language is exact pinned data.

  3. Show the region row.

    The region is exact pinned data.
    The region is exact pinned data.

  4. Show the time zone row.

    The time zone is exact pinned data.
    The time zone is exact pinned data.

  5. Render the saved status.

    The status badge makes the pinned preference state visible.
    The status badge makes the pinned preference state visible.

  6. Check locale honesty.

    Language, region, time zone, status, and no live preference save.
    Language, region, time zone, status, and no live preference save.
static markup The section heading names the locale summary surface.
locale rows Language, Region, Time zone, and Status values are exact pinned data.
no live preference save The lesson should not imply account lookup, locale services, storage, routes, APIs, scripts, form submits, browser Intl formatting, or live preference saves.