On Input

On Input is a primary element. It is mandatory to include in your digital product if applicable.

┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈

On input benefits users who experience a change in context when submitting things such as a form. A context change could mean the opening of a new page, or the rearrangement of elements on a page once a form or other call to action is submitted. A new context (such as a pop-up page) should be announced prior to submission so that a person with poor visual ability or low cognition is aware of the change ahead.

Summary Points:

  • Benefits keyboard only users and those with various visual disabilities

  • Once a form is submitted, there should be very little change in context or no change in interface context

  • Avoid the automatic submission of a form when the final input field is filled out

  • Submit buttons are necessary, and are especially great for those with screen readers

  • Buttons should have a 3:1 contrast minimum

Visual Example:

Code Example:

Further On This Topic:

https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-unpredictable-change.html