• Success Criterion 3.3.4
  • Conformance level AA

Financial Transfer Form That Never Confirms the Entered Details

3.3.4 — Error Prevention (Legal, Financial, Data)

Scenario

Setting

A childcare-booking service's scheduling page

What’s wrong

Financial transfer forms validating nothing (typo'd amounts/accounts) and no confirmation of details.

Example 

<label for="amount">Deposit amount</label>
<input id="amount" value="5000">
<button onclick="submitPayment()">Pay deposit</button>
<!-- no validation catches a typo'd amount and no summary is shown before the transfer fires -->

Why it matters

A parent meaning to pay a $50 deposit types $5000 by mistake and the payment goes through instantly with nothing to catch the error.

How to test

Submit a financial transfer form with a typo'd amount or account number: if nothing validates it and no confirmation of the details is shown, it fails.

How to fix

Flag amounts far outside the expected range and always show a confirm screen naming the exact figure and payee.

<label for="amount">Deposit amount</label>
<input id="amount" value="5000">
<button onclick="showPaymentReview()">Pay deposit</button>
<!-- review screen shows: 'You are about to pay $5,000.00 to Sunnydale Childcare. Confirm or edit amount.' -->

Outcome

The parent catches the extra zero on the confirmation screen and corrects it before the deposit is charged.

Who is affected

People with cognitive and motor disabilities prone to input slips, and anyone who could benefit from a sanity check before money moves.

Learn more

Related scenarios