Upload Error - Everyday Interface Patterns

A static upload error notice shows archive.zip, File too large, 2 MB limit, and Choose a smaller file status.

Program

Upload error notices should name the file, problem, limit, and next step without pretending to inspect or reject a real file.

upload_error_notice.html

Visuals: captured from real browser rendering

<section class="upload-error" aria-labelledby="upload-error-title" role="status">
  <h2 id="upload-error-title">Upload error notice</h2>
  <dl>
    <div><dt>File</dt><dd>archive.zip</dd></div>
    <div><dt>Problem</dt><dd>File too large</dd></div>
    <div><dt>Limit</dt><dd>2 MB</dd></div>
    <div><dt>Status</dt><dd><span class="badge">Choose a smaller file</span></dd></div>
  </dl>
  <p class="note">Static upload error only; no validation service, File API, file reading, upload request, storage, route, API, network, script, or live rejection runs.</p>
</section>
<style>
  .upload-error { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #b91c1c; padding: 12px; background: #fef2f2; }
  .upload-error dl { display: grid; gap: 8px; margin: 0; }
  .upload-error dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .upload-error dt { color: #475569; }
  .upload-error dd, .note { margin: 0; }
  .badge { border-radius: 999px; background: #fee2e2; padding: 2px 8px; }
  .note { color: #475569; }
</style>

Label the upload error notice.
The section is labelled by its visible heading.
Show the file row.
The file name is exact pinned data.
Show the problem row.
The problem text is exact pinned data.
Show the size limit.
The limit is exact pinned data.
Show the next-step status.
The status gives a static next step.
Check error honesty.
File, problem, limit, status, and no live rejection.

error readback The section heading names the upload error surface.

error rows File, Problem, Limit, and Status values are exact pinned data.

no live rejection The lesson should not imply validation services, File APIs, file reading, upload requests, storage, routes, APIs, networks, scripts, or live rejections.