Access Notice - Everyday Interface Patterns

A static access-after-cancel notice shows active access until August 15, 5 seats keep access, exports available, and Not cancelled status.

Program

Access notices should show what remains available after a cancellation review without changing entitlements.

access_after_cancel_notice.html

Visuals: captured from real browser rendering

<section class="access-notice" aria-labelledby="access-notice-title"><h2 id="access-notice-title">Access after cancel notice</h2><dl>
  <div><dt>Access</dt><dd>Active until August 15</dd></div>
  <div><dt>Seats</dt><dd>5 seats keep access</dd></div><div><dt>Exports</dt><dd>Available</dd></div>
  <div><dt>Status</dt><dd><span class="badge">Not cancelled</span></dd></div></dl>
  <p class="check">Learner check: access impact is visible without changing entitlements.</p>
  <p class="note">Static access notice only; no entitlement service, seat service, export service, subscription mutation, billing service, storage, route, API, network, script, form submit, analytics, timers, or live access change runs.</p></section>
<style>
  .access-notice { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #1d4ed8; padding: 12px; background: #eff6ff; }
  .access-notice dl { display: grid; gap: 8px; margin: 0; }
  .access-notice dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .access-notice dt { color: #475569; }
  .access-notice dd, .check, .note { margin: 0; }
  .badge { border-radius: 999px; background: #dbeafe; padding: 2px 8px; }
  .note { color: #475569; }
</style>

Label the access notice.
The section is labelled by its visible heading.
Show access row.
The access window is exact pinned data.
Show seats and exports.
The seats and exports are exact pinned data.
Render not-cancelled status.
The status badge says the subscription is not cancelled.
Check access readback.
The check says access impact is visible without changing entitlements.
Check access honesty.
Access window, seats, exports, status, and no live access change.

step flow step(1) labels the source, step(2) shows access, step(3) shows seats and exports, step(4) shows not-cancelled status, step(5) checks the access readback, and step(6) checks the honesty note.

access readback The section heading names the access after cancel notice surface.

access rows Access, Seats, Exports, and Status values are exact pinned data.

no live access change The lesson should not imply entitlement services, seat services, export services, subscription mutations, billing services, storage, routes, APIs, networks, scripts, form submits, analytics, timers, or live access changes.