Locale Preference Review Patterns

Number Preview

A static number and currency preview shows USD, $1,249.50, miles, and Static preview status.

Program

Number and currency previews should use exact example values and avoid implying a formatter, payment service, or currency lookup ran.

number_currency_preview.html
Visuals: captured from real browser rendering
<section class="number-preview" aria-labelledby="number-preview-title">
  <h2 id="number-preview-title">Number and currency preview</h2>
  <dl>
    <div><dt>Currency</dt><dd>USD</dd></div>
    <div><dt>Amount preview</dt><dd>$1,249.50</dd></div>
    <div><dt>Measurement</dt><dd>miles</dd></div>
    <div><dt>Status</dt><dd><span class="badge">Static preview</span></dd></div>
  </dl>
  <p class="note">Static number preview only; no Intl.NumberFormat, currency service, payment service, storage, route, API, network, script, or live preference change runs.</p>
</section>
<style>
  .number-preview { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #64748b; padding: 12px; }
  .number-preview dl { display: grid; gap: 8px; margin: 0; }
  .number-preview dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .number-preview dt { color: #475569; }
  .number-preview dd, .note { margin: 0; }
  .badge { border-radius: 999px; background: #fef3c7; padding: 2px 8px; }
  .note { color: #475569; }
</style>

  1. Label the number preview.

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

  2. Show the currency row.

    The currency code is exact pinned data.
    The currency code is exact pinned data.

  3. Show the amount preview.

    The amount preview is exact pinned data.
    The amount preview is exact pinned data.

  4. Show the measurement row.

    The measurement is exact pinned data.
    The measurement is exact pinned data.

  5. Render the static status.

    The status makes clear this is a static preview.
    The status makes clear this is a static preview.

  6. Check number preview honesty.

    Currency, amount, measurement, status, and no formatter service.
    Currency, amount, measurement, status, and no formatter service.
preview readback The section heading names the number and currency preview surface.
number rows Currency, Amount preview, Measurement, and Status values are exact pinned data.
no formatter service The lesson should not imply Intl.NumberFormat, currency services, payment services, storage, routes, APIs, scripts, or live preference changes.