Retention - Everyday Interface Patterns

A static retention summary shows Project comments, 90 days, next review August 1, 2026, and Active retention.

Program

Retention summaries should show what data is covered and when it is reviewed without running storage, export, deletion, or schedule tools.

retention_summary_card.html

Visuals: captured from real browser rendering

<section class="retention-card" aria-labelledby="retention-title">
  <h2 id="retention-title">Retention summary</h2>
  <dl>
    <div><dt>Data set</dt><dd>Project comments</dd></div>
    <div><dt>Retention</dt><dd>90 days</dd></div>
    <div><dt>Next review</dt><dd><time datetime="2026-08-01">August 1, 2026</time></dd></div>
    <div><dt>Status</dt><dd><span class="badge">Active retention</span></dd></div>
  </dl>
  <p class="note">Static retention summary only; no route, save, export, download, delete, schedule, mutate, or retention service runs.</p>
</section>
<style>
  .retention-card { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #64748b; padding: 12px; }
  .retention-card dl { display: grid; gap: 8px; margin: 0; }
  .retention-card dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .retention-card dt { color: #475569; }
  .retention-card dd, .note { margin: 0; }
  .badge { border-radius: 999px; background: #dcfce7; padding: 2px 8px; }
  .note { color: #475569; }
</style>

Label the retention summary.
The section is labelled by its visible heading.
Show the data set row.
The data set is exact pinned data.
Show the retention row.
The retention period is exact pinned data.
Show the next review date.
The next review date is exact pinned data.
Show the status readback.
The status is visible as a static badge.
Check retention summary honesty.
Data set, retention, next review, status, and no retention service.

labelled summary The section heading names the retention summary surface.

retention readback Data set, retention duration, next review, and status are exact pinned data.

no retention service The lesson should not imply retention APIs, export APIs, delete APIs, database APIs, schedule APIs, or storage.