WCAG 3.3.4: Error Prevention (Legal, Financial, Data)

Back to all WCAG criteria

OVERVIEW

Effort:

  • Complexity:Difficult
  • Duration:Slow

Important for:

Design, Development

What's it about?

For inputs that involve legal obligations, payments, or permanent data changes, the user must be able to review, confirm, or correct their entries before the action is executed. This reduces the risk of serious mistakes or unintended actions.

Modal dialog stating: *You have successfully transferred 1 million to Gehirngerecht.* Below are two buttons: the left one allows undoing the action, and the right one confirms it with *They deserve it!*

How to

Depending on your situation, you can implement one of the following options to meet the criterion. For a deeper dive, please refer to the linked WCAG techniques.

  • Execution only after confirmation

    Carry out an action or transaction only after the user has confirmed it again. This can be done, for example, through a modal, a dialog, or a new page that explains the consequences of the action and requires the user to click “Confirm.”

    A simple confirmation checkbox near the submit button is possible, but often discouraged. Such checkboxes are frequently used for things like accepting terms and conditions, and many users do not truly notice or read them, they often get checked without paying attention to the content.

  • Undo an action

    The action (such as deleting data or submitting a bank transfer) can be undone immediately after it has been performed.

    This is often seen in email inboxes, where you can undo sending an email right after submitting it.

    Illustration of a website displaying important data. Below it, a modal appears informing the user that they have just deleted important data, along with a button to undo the action.

    Create accessible designs?

    Our workshop for designers!

    Learn everything you need to know as a designer to create accessible design systems for digital products and entire brands.

    Learn more about the workshop
    Four principles of the Web Content Accessibility Guidelines: Perceivable – a red triangle holding a magnifier. Operable – a yellow circle with question marks overhead. Understandable – a green rectangle looking confused at a screen. Robust – a blue square wearing sunglasses and holding a keyboard.

    Learn accessibility with us?

    Looking to implement WCAG best practices in your design, development, or content workflow? Book a workshop for your team or contact us directly to learn more.

    Send us an email!