Account Email Change Patterns

Email Summary

A static account email change summary shows m***@example.test, mina@new.test, After confirmation, and Review only status.

Program

Email change summaries should show the current email, new email, and sign-in timing before any account change.

email_change_summary.html
Visuals: captured from real browser rendering
<section class="email-summary" aria-labelledby="email-summary-title"><h2 id="email-summary-title">Account email change summary</h2><dl>
  <div><dt>Current</dt><dd>m***@example.test</dd></div>
  <div><dt>New</dt><dd>mina@new.test</dd></div><div><dt>Use for sign-in</dt><dd>After confirmation</dd></div>
  <div><dt>Status</dt><dd><span class="badge">Review only</span></dd></div></dl>
  <p class="check">Learner check: current and new emails are visible before any account update.</p>
  <p class="note">Static email summary only; no account update, email delivery, auth service, identity provider, mailbox lookup, storage, route, API, network, script, form submit, analytics, timers, or live email change runs.</p></section>
<style>
  .email-summary { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #0f766e; padding: 12px; background: #f0fdfa; }
  .email-summary dl { display: grid; gap: 8px; margin: 0; }
  .email-summary dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .email-summary dt { color: #475569; }
  .email-summary dd, .check, .note { margin: 0; }
  .badge { border-radius: 999px; background: #ccfbf1; padding: 2px 8px; }
  .note { color: #475569; }
</style>

  1. Label the email summary.

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

  2. Show current email.

    The current email is exact pinned data.
    The current email is exact pinned data.

  3. Show new email and sign-in timing.

    The new email and sign-in timing are exact pinned data.
    The new email and sign-in timing are exact pinned data.

  4. Render review-only status.

    The status badge says this is review only.
    The status badge says this is review only.

  5. Check email readback.

    The check says current and new emails are visible before any account update.
    The check says current and new emails are visible before any account update.

  6. Check email honesty.

    Current email, new email, sign-in timing, status, and no live email change.
    Current email, new email, sign-in timing, status, and no live email change.
step flow step(1) labels the source, step(2) shows the current email, step(3) shows new email and sign-in timing, step(4) shows review-only status, step(5) checks the email readback, and step(6) checks the honesty note.
email readback The section heading names the account email change summary surface.
email rows Current, New, Use for sign-in, and Status values are exact pinned data.
no live email change The lesson should not imply account updates, email delivery, auth services, identity providers, mailbox lookups, storage, routes, APIs, networks, scripts, form submits, analytics, timers, or live email changes.