Cancellation Policy Notice - Everyday Interface Patterns

A static cancellation policy notice shows 24 hours, No fee, July 15 at 10:30 AM deadline, and Not cancelled status.

Program

Cancellation policy notices should show the deadline and fee readback without running policy or clock checks.

cancellation_policy_notice.html

Visuals: captured from real browser rendering

<section class="policy-notice" aria-labelledby="policy-notice-title"><h2 id="policy-notice-title">Cancellation policy notice</h2><dl>
  <div><dt>Window</dt><dd>24 hours</dd></div>
  <div><dt>Fee</dt><dd>No fee</dd></div><div><dt>Deadline</dt><dd>July 15, 10:30 AM</dd></div>
  <div><dt>Status</dt><dd><span class="badge">Not cancelled</span></dd></div></dl>
  <p class="check">Learner check: the policy deadline is visible without checking a live clock.</p>
  <p class="note">Static cancellation policy notice only; no policy engine, clock watcher, billing service, calendar service, booking mutation, storage, route, API, network, script, form submit, analytics, timers, or live policy check runs.</p></section>
<style>
  .policy-notice { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #b45309; padding: 12px; background: #fffbeb; }
  .policy-notice dl { display: grid; gap: 8px; margin: 0; }
  .policy-notice dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .policy-notice dt { color: #475569; }
  .policy-notice dd, .check, .note { margin: 0; }
  .badge { border-radius: 999px; background: #fde68a; padding: 2px 8px; }
  .note { color: #475569; }
</style>

Label the policy notice.
The section is labelled by its visible heading.
Show cancellation window.
The cancellation window is exact pinned data.
Show fee and deadline rows.
The fee and deadline are exact pinned data.
Render not-cancelled status.
The status badge says the appointment is not cancelled.
Check policy readback.
The check says the policy deadline is visible without checking a live clock.
Check policy honesty.
Window, fee, deadline, status, and no live policy check.

step flow step(1) labels the source, step(2) shows the cancellation window, step(3) shows fee and deadline, step(4) shows not-cancelled status, step(5) checks the policy readback, and step(6) checks the honesty note.

policy readback The section heading names the cancellation policy notice surface.

policy rows Window, Fee, Deadline, and Status values are exact pinned data.

no live policy check The lesson should not imply policy engines, clock watchers, billing services, calendar services, booking mutations, storage, routes, APIs, networks, scripts, form submits, analytics, timers, or live policy checks.