Plain Text Warning - Everyday Interface Patterns

A static plain text warning shows Rich text note source, Formatting removed warning, Plain text result, and Not submitted status.

Program

Plain text warnings should show what formatting changed before any transform is saved or submitted.

plain_text_warning.html

Visuals: captured from real browser rendering

<section class="plain-warning" aria-labelledby="plain-warning-title"><h2 id="plain-warning-title">Plain text warning</h2><dl>
  <div><dt>Source</dt><dd>Rich text note</dd></div>
  <div><dt>Warning</dt><dd>Formatting removed</dd></div><div><dt>Result</dt><dd>Plain text</dd></div>
  <div><dt>Status</dt><dd><span class="badge">Not submitted</span></dd></div></dl>
  <p class="check">Learner check: the formatting warning is visible before any submission.</p>
  <p class="note">Static plain text warning only; no Clipboard API, paste event, parser, validator, invite service, code verification, storage, cookie, route, API, network, script, event listener, form submit, input, textarea, contenteditable, analytics, timer, object URL, download, service worker, account/session behavior, or live submission runs.</p></section>
<style>
  .plain-warning { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #64748b; padding: 12px; }
  .plain-warning dl { display: grid; gap: 8px; margin: 0; }
  .plain-warning dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .plain-warning dt { color: #475569; }
  .plain-warning dd, .check, .note { margin: 0; }
  .badge { border-radius: 999px; background: #e2e8f0; padding: 2px 8px; }
  .note { color: #475569; }
</style>

Label the plain text warning.
The section is labelled by its visible heading.
Show source row.
The source is exact pinned data.
Show warning and result rows.
The warning and result are exact pinned data.
Render not-submitted status.
The status badge says this is not submitted.
Check warning readback.
The check says the formatting warning is visible before any submission.
Check warning honesty.
Source, warning, result, status, and no live submission.

step flow step(1) labels the source, step(2) shows the source, step(3) shows warning and result rows, step(4) shows not-submitted status, step(5) checks the warning readback, and step(6) checks the honesty note.

plain text readback The section heading names the plain text warning surface.

plain text rows Source, Warning, Result, and Status values are exact pinned data.

no live paste transform The lesson should not imply Clipboard API access, paste events, parsers, validators, invite services, code verification, storage, cookies, routes, APIs, networks, scripts, event listeners, form submits, inputs, textareas, contenteditable surfaces, analytics, timers, object URLs, downloads, service workers, account/session behavior, or live submissions.