Attention Control Patterns

Snooze Notice

A static snooze reminder notice shows Budget review, Friday 9:00 AM snooze time, Needs numbers reason, and Scheduled preview status.

Program

Snooze notices should show when attention should return without scheduling a live reminder.

snooze_reminder_notice.html
Visuals: captured from real browser rendering
<section class="snooze-notice" aria-labelledby="snooze-notice-title"><h2 id="snooze-notice-title">Snooze reminder notice</h2><dl>
  <div><dt>Item</dt><dd>Budget review</dd></div>
  <div><dt>Snooze until</dt><dd>Friday 9:00 AM</dd></div><div><dt>Reason</dt><dd>Needs numbers</dd></div>
  <div><dt>Status</dt><dd><span class="badge">Scheduled preview</span></dd></div></dl>
  <p class="check">Learner check: the snooze time is visible without scheduling a reminder.</p>
  <p class="note">Static snooze reminder notice only; no notification service, reminder service, scheduling service, priority service, sync service, storage, cookie, route, API, network, script, event listener, form submit, input, checkbox, analytics, timer, object URL, download, service worker, account/session behavior, or live message update runs.</p></section>
<style>
  .snooze-notice { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #1d4ed8; padding: 12px; background: #eff6ff; }
  .snooze-notice dl { display: grid; gap: 8px; margin: 0; }
  .snooze-notice dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .snooze-notice dt { color: #475569; }
  .snooze-notice dd, .check, .note { margin: 0; }
  .badge { border-radius: 999px; background: #dbeafe; padding: 2px 8px; }
  .note { color: #475569; }
</style>

  1. Label the snooze notice.

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

  2. Show item row.

    The item is exact pinned data.
    The item is exact pinned data.

  3. Show snooze time and reason rows.

    The snooze time and reason are exact pinned data.
    The snooze time and reason are exact pinned data.

  4. Render scheduled-preview status.

    The status badge says this is a scheduled preview.
    The status badge says this is a scheduled preview.

  5. Check snooze readback.

    The check says the snooze time is visible without scheduling a reminder.
    The check says the snooze time is visible without scheduling a reminder.

  6. Check snooze honesty.

    Item, snooze time, reason, status, and no live message update.
    Item, snooze time, reason, status, and no live message update.
step flow step(1) labels the source, step(2) shows the item, step(3) shows snooze time and reason rows, step(4) shows scheduled-preview status, step(5) checks the snooze readback, and step(6) checks the honesty note.
snooze readback The section heading names the snooze reminder notice surface.
snooze rows Item, Snooze until, Reason, and Status values are exact pinned data.
no real scheduled reminder The lesson should not imply notification services, reminder services, scheduling services, priority services, sync services, storage, cookies, routes, APIs, networks, scripts, event listeners, form submits, inputs, checkboxes, analytics, timers, object URLs, downloads, service workers, account/session behavior, or live message updates.