• Success Criterion 3.3.4
  • Conformance level AA

Review Page That Isn’t Actually Editable Before Final Submission

3.3.4 — Error Prevention (Legal, Financial, Data)

Scenario

Setting

A professional networking site's profile editor

What’s wrong

Review page exists but is not actually editable (can't correct before final submit. "reversible/checked/confirmed" all absent).

Example 

<div class="review-summary">
  <p>Title: Senior Product Designer</p>
  <p>Company: Acme Corp</p>
</div>
<button onclick="publishProfile()">Publish changes</button>
<!-- the review page only displays text, with no way to jump back and edit a wrong field -->

Why it matters

A user spots a wrong job title on the review screen but has to abandon the whole flow and start over, since nothing on that page is editable.

How to test

Reach the review page in a submission flow and try to edit an entry: if the fields aren't actually editable, it fails the 'correct before submit' requirement.

How to fix

Give every reviewed item a direct edit link back to its step, so review actually means the chance to correct.

<div class="review-summary">
  <p>Title: Senior Product Designer <a href="#step-title">Edit</a></p>
  <p>Company: Acme Corp <a href="#step-company">Edit</a></p>
</div>
<button onclick="publishProfile()">Publish changes</button>

Outcome

The user fixes the wrong job title in place and publishes an accurate profile in one pass.

Who is affected

People with cognitive disabilities and motor impairments who need to correct mistakes in place rather than repeat an entire multi-step form.

Learn more

Related scenarios