Terms Summary - Everyday Interface Patterns

A static terms acknowledgement summary shows Terms v4.2, Create account action, Not accepted acknowledgement, and Review only status.

Program

Acknowledgement summaries should show the policy, action, and current state before any account or legal acceptance change.

terms_acknowledgement_summary.html

Visuals: captured from real browser rendering

<section class="terms-summary" aria-labelledby="terms-summary-title"><h2 id="terms-summary-title">Terms acknowledgement summary</h2><dl>
  <div><dt>Policy</dt><dd>Terms v4.2</dd></div>
  <div><dt>Action</dt><dd>Create account</dd></div><div><dt>Acknowledgement</dt><dd>Not accepted</dd></div>
  <div><dt>Status</dt><dd><span class="badge">Review only</span></dd></div></dl>
  <p class="check">Learner check: the acknowledgement state is visible before any account step changes.</p>
  <p class="note">Static terms acknowledgement summary only; no policy service, consent service, legal acceptance mutation, account lookup, session mutation, export/download service, storage, route, API, network, script, event listener, form submit, input, checkbox, analytics, timer, or live acknowledgement runs.</p></section>
<style>
  .terms-summary { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #0f766e; padding: 12px; background: #f0fdfa; }
  .terms-summary dl { display: grid; gap: 8px; margin: 0; }
  .terms-summary dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .terms-summary dt { color: #475569; }
  .terms-summary dd, .check, .note { margin: 0; }
  .badge { border-radius: 999px; background: #ccfbf1; padding: 2px 8px; }
  .note { color: #475569; }
</style>

Label the terms summary.
The section is labelled by its visible heading.
Show policy row.
The policy is exact pinned data.
Show action and acknowledgement rows.
The action and acknowledgement are exact pinned data.
Render review-only status.
The status badge says this is review only.
Check acknowledgement readback.
The check says acknowledgement state is visible before any account step changes.
Check terms honesty.
Policy, action, acknowledgement, status, and no live acknowledgement.

step flow step(1) labels the source, step(2) shows the policy, step(3) shows action and acknowledgement rows, step(4) shows review-only status, step(5) checks the acknowledgement readback, and step(6) checks the honesty note.

acknowledgement readback The section heading names the terms acknowledgement summary surface.

terms rows Policy, Action, Acknowledgement, and Status values are exact pinned data.

no live acknowledgement The lesson should not imply policy services, consent services, legal acceptance mutations, account lookups, session mutations, export/download services, storage, routes, APIs, networks, scripts, event listeners, form submits, inputs, checkboxes, analytics, timers, or live acknowledgements.