Address Warning - Everyday Interface Patterns

A static address warning notice shows Apartment missing, Unit, Add unit number, and Needs review status.

Program

Address warning notices should name the missing detail and suggested fix without running validation services.

address_warning_notice.html

Visuals: captured from real browser rendering

<section class="address-warning" aria-labelledby="address-warning-title"><h2 id="address-warning-title">Address warning notice</h2><dl>
  <div><dt>Warning</dt><dd>Apartment missing</dd></div>
  <div><dt>Field</dt><dd>Unit</dd></div><div><dt>Suggestion</dt><dd>Add unit number</dd></div>
  <div><dt>Status</dt><dd><span class="badge">Needs review</span></dd></div></dl>
  <p class="check">Learner check: the warning and suggested fix are visible without validating the address.</p>
  <p class="note">Static address warning only; no address validation service, autocomplete service, geocoding, postal lookup, order update, storage, route, API, network, script, form submit, analytics, timers, or live validation runs.</p></section>
<style>
  .address-warning { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #b45309; padding: 12px; background: #fffbeb; }
  .address-warning dl { display: grid; gap: 8px; margin: 0; }
  .address-warning dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .address-warning dt { color: #475569; }
  .address-warning dd, .check, .note { margin: 0; }
  .badge { border-radius: 999px; background: #fef3c7; padding: 2px 8px; }
  .note { color: #475569; }
</style>

Label the address warning.
The section is labelled by its visible heading.
Show warning row.
The warning is exact pinned data.
Show field and suggestion.
The field and suggestion are exact pinned data.
Render needs-review status.
The status badge says the address needs review.
Check warning readback.
The check says warning and suggested fix are visible without validating the address.
Check warning honesty.
Warning, field, suggestion, status, and no live validation.

step flow step(1) labels the source, step(2) shows the warning, step(3) shows field and suggestion, step(4) shows needs-review status, step(5) checks the warning readback, and step(6) checks the honesty note.

warning readback The section heading names the address warning notice surface.

warning rows Warning, Field, Suggestion, and Status values are exact pinned data.

no live validation The lesson should not imply address validation services, autocomplete services, geocoding, postal lookups, order updates, storage, routes, APIs, networks, scripts, form submits, analytics, timers, or live validation.