Account Email Change Patterns

Fallback Notice

A static old email fallback notice shows m***@example.test, mina@new.test, Old email remains active, and Not switched status.

Program

Old email fallback notices should show which address still works while confirmation remains incomplete.

old_email_fallback_notice.html
Visuals: captured from real browser rendering
<section class="fallback-notice" aria-labelledby="fallback-notice-title"><h2 id="fallback-notice-title">Old email fallback notice</h2><dl>
  <div><dt>Old email</dt><dd>m***@example.test</dd></div>
  <div><dt>New email</dt><dd>mina@new.test</dd></div><div><dt>Fallback</dt><dd>Old email remains active</dd></div>
  <div><dt>Status</dt><dd><span class="badge">Not switched</span></dd></div></dl>
  <p class="check">Learner check: fallback is visible without switching sign-in email.</p>
  <p class="note">Static fallback notice only; no account switch, auth session change, email delivery, identity provider, notification send, storage, route, API, network, script, form submit, analytics, timers, or live fallback change runs.</p></section>
<style>
  .fallback-notice { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #64748b; padding: 12px; }
  .fallback-notice dl { display: grid; gap: 8px; margin: 0; }
  .fallback-notice dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .fallback-notice dt { color: #475569; }
  .fallback-notice dd, .check, .note { margin: 0; }
  .badge { border-radius: 999px; background: #e2e8f0; padding: 2px 8px; }
  .note { color: #475569; }
</style>

  1. Label the fallback notice.

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

  2. Show old email row.

    The old email is exact pinned data.
    The old email is exact pinned data.

  3. Show new email and fallback.

    The new email and fallback are exact pinned data.
    The new email and fallback are exact pinned data.

  4. Render not-switched status.

    The status badge says the account is not switched.
    The status badge says the account is not switched.

  5. Check fallback readback.

    The check says fallback is visible without switching sign-in email.
    The check says fallback is visible without switching sign-in email.

  6. Check fallback honesty.

    Old email, new email, fallback, status, and no live fallback change.
    Old email, new email, fallback, status, and no live fallback change.
step flow step(1) labels the source, step(2) shows the old email, step(3) shows new email and fallback, step(4) shows not-switched status, step(5) checks the fallback readback, and step(6) checks the honesty note.
fallback readback The section heading names the old email fallback notice surface.
fallback rows Old email, New email, Fallback, and Status values are exact pinned data.
no live fallback change The lesson should not imply account switches, auth session changes, email delivery, identity providers, notification sends, storage, routes, APIs, networks, scripts, form submits, analytics, timers, or live fallback changes.