Message Compose Review Patterns

Send Notice

A static send confirmation notice shows Nina Patel, Not sent, Ready to send, and Confirmation only status.

Program

Send confirmation notices should make the pre-send state clear without implying actual delivery.

send_confirmation_notice.html
Visuals: captured from real browser rendering
<section class="send-notice" aria-labelledby="send-notice-title"><h2 id="send-notice-title">Send confirmation notice</h2><dl>
  <div><dt>Recipient</dt><dd>Nina Patel</dd></div>
  <div><dt>Delivery</dt><dd>Not sent</dd></div><div><dt>Review</dt><dd>Ready to send</dd></div>
  <div><dt>Status</dt><dd><span class="badge">Confirmation only</span></dd></div></dl>
  <p class="check">Learner check: this is a pre-send confirmation, not a delivery receipt.</p>
  <p class="note">Static send confirmation only; no email service, chat service, SMS service, notification send, send queue, delivery receipt, storage, route, API, network, script, form submit, analytics, timers, or live delivery runs.</p></section>
<style>
  .send-notice { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #64748b; padding: 12px; }
  .send-notice dl { display: grid; gap: 8px; margin: 0; }
  .send-notice dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .send-notice dt { color: #475569; }
  .send-notice dd, .check, .note { margin: 0; }
  .badge { border-radius: 999px; background: #e2e8f0; padding: 2px 8px; }
  .note { color: #475569; }
</style>

  1. Label the send notice.

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

  2. Show recipient row.

    The recipient is exact pinned data.
    The recipient is exact pinned data.

  3. Show delivery and review.

    The delivery and review values are exact pinned data.
    The delivery and review values are exact pinned data.

  4. Render confirmation status.

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

  5. Check send readback.

    The check says this is pre-send confirmation, not a delivery receipt.
    The check says this is pre-send confirmation, not a delivery receipt.

  6. Check send honesty.

    Recipient, delivery, review, status, and no live delivery.
    Recipient, delivery, review, status, and no live delivery.
step flow step(1) labels the source, step(2) shows the recipient, step(3) shows delivery and review, step(4) shows the confirmation-only status, step(5) checks the pre-send readback, and step(6) checks the honesty note.
confirmation readback The section heading names the send confirmation notice surface.
confirmation rows Recipient, Delivery, Review, and Status values are exact pinned data.
no live delivery The lesson should not imply email services, chat services, SMS services, notification sends, send queues, delivery receipts, storage, routes, APIs, networks, scripts, form submits, analytics, timers, or live delivery.