WCAG 3.2.2: On Input

WCAG 3.2.2 On Input is a level A success criterion from WCAG 2.0. Changing a setting does not automatically change context unless the person was told first.

Choosing a radio button should not suddenly move the person to another page.

How to test

Change selects and radios. The page should not navigate unless you were warned.

How to fix

Use a button to apply the change, or warn before an automatic change.

Example that fails

Choosing a country instantly reloads and clears the form.

Example that passes the check

A button says Update delivery costs.

Shopify

Collection sort should not be the only pattern you copy onto forms that discard data. Warn before a reload.

WooCommerce

Country select on checkout may update totals. Keep the values and announce the update.

WordPress

Do not reload the page on every select change without warning.

Wix

Do not navigate when a dropdown changes unless the label says it will.

Related fixes