Verification Code Review Patterns

Code Entry

A static code-entry readback shows 4 of 6 digits entered, no error, remaining digits next, and Not verified status.

Program

Code-entry readbacks should show the current entered count, error state, next step, and verification status without validating input.

code_entry_readback.html
Visuals: captured from real browser rendering
<section class="code-entry" aria-labelledby="code-entry-title"><h2 id="code-entry-title">Code entry readback</h2><dl>
  <div><dt>Entered</dt><dd>4 of 6 digits</dd></div>
  <div><dt>Error</dt><dd>None</dd></div>
  <div><dt>Next step</dt><dd>Enter remaining digits</dd></div>
  <div><dt>Status</dt><dd><span class="badge">Not verified</span></dd></div></dl>
  <p class="note">Static code-entry readback only; no input listener, validation service, auth service, code check, storage, route, API, network, script, or live verification runs.</p></section>
<style>
  .code-entry { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #64748b; padding: 12px; }
  .code-entry dl { display: grid; gap: 8px; margin: 0; }
  .code-entry dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .code-entry dt { color: #475569; }
  .code-entry dd, .note { margin: 0; }
  .badge { border-radius: 999px; background: #fef3c7; padding: 2px 8px; }
  .note { color: #475569; }
</style>

  1. Label the code-entry readback.

    The section is labelled by its visible heading.
    The section is labelled by its visible heading.

  2. Show entered digits.

    The entered count is exact pinned data.
    The entered count is exact pinned data.

  3. Show the error state.

    The error state is exact pinned data.
    The error state is exact pinned data.

  4. Show the next step.

    The next step is exact pinned data.
    The next step is exact pinned data.

  5. Render the not-verified status.

    The status badge says verification has not happened.
    The status badge says verification has not happened.

  6. Check entry honesty.

    Entered count, error, next step, status, and no live verification.
    Entered count, error, next step, status, and no live verification.
entry readback The section heading names the code-entry surface.
entry rows Entered, Error, Next step, and Status values are exact pinned data.
no live verification The lesson should not imply input listeners, validation services, auth services, code checks, storage, routes, APIs, networks, scripts, or live verification.