Bulk Confirmation Summary - Everyday Interface Patterns

A static confirmation summary shows Archive, 3 affected items, comments kept, and a Confirm archive button.

Program

Bulk confirmations should repeat the action and effects clearly before implying any archive, delete, queue, or mutation work.

bulk_confirmation_summary.html

Visuals: captured from real browser rendering

<section class="bulk-confirm" aria-labelledby="bulk-confirm-title">
  <h2 id="bulk-confirm-title">Confirm bulk action</h2>
  <dl>
    <div><dt>Action</dt><dd>Archive</dd></div>
    <div><dt>Affected</dt><dd>3 items</dd></div>
    <div><dt>Keeps comments</dt><dd>Yes</dd></div>
  </dl>
  <button type="button">Confirm archive</button>
  <p class="note">Static confirmation only; the button does not route, save, send, archive, delete, mutate, queue, or undo anything.</p>
</section>
<style>
  .bulk-confirm { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #64748b; padding: 12px; }
  .bulk-confirm dl { display: grid; gap: 8px; margin: 0; }
  .bulk-confirm dl div { display: grid; grid-template-columns: 9rem 1fr; gap: 8px; }
  .bulk-confirm dt { color: #475569; }
  .bulk-confirm dd, .note { margin: 0; }
  .bulk-confirm button { justify-self: start; padding: 8px 12px; }
  .note { color: #475569; }
</style>

Label the bulk confirmation.
The section is labelled by its visible heading.
Show the action row.
The action is exact pinned data.
Show the affected readback.
The affected count is exact pinned data.
Show the comments retained row.
The comments row is exact pinned data.
Show the button affordance.
The button is type button and does not perform the archive.
Check confirmation honesty.
Action, affected count, comments row, button, and no mutation service.

labelled confirmation The section heading names the bulk confirmation surface.

effect rows The action, affected count, and comment-retention row are exact pinned data.

no archive service The lesson should not imply archive/delete APIs, queue jobs, mutation services, or undo services.