44 lines
1.8 KiB
Markdown
44 lines
1.8 KiB
Markdown
[Back to 3 Understandable index](index.html)
|
|
|
|
# 3.2.2 On Input
|
|
|
|
- Level: A
|
|
- Guideline: 3.2 Predictable
|
|
- Principle: 3 Understandable
|
|
|
|
## What it is
|
|
|
|
Changing the setting of any user interface component does not automatically cause a change of context unless the user has been advised of the behavior before using the component.
|
|
|
|
## How to test
|
|
|
|
- Check: Changing the setting of any user interface component does not automatically cause a change of context unless the user has been advised of the behavior before using the component.
|
|
- Use the sufficient techniques below as acceptable methods when applicable.
|
|
- Confirm none of the common failures apply.
|
|
|
|
## Sufficient techniques (W3C)
|
|
|
|
- G80: Providing a submit button to initiate a change of context
|
|
- H32: Providing submit buttons
|
|
- H84: Using a button with a select element to perform an action
|
|
- PDF15: Providing submit buttons with the submit-form action in PDF forms
|
|
- G13: Describing what will happen before a change to a form control that causes a change of context to occur is made
|
|
- SCR19: Using an onchange event on a select element without causing a change of context
|
|
|
|
## Advisory techniques (W3C)
|
|
|
|
- G201: Giving users advanced warning when opening a new window
|
|
|
|
## Common failures (W3C)
|
|
|
|
- F36: Failure of Success Criterion 3.2.2 due to automatically submitting a form and presenting new content without prior warning when the last field in the form is given a value
|
|
- F37: Failure of Success Criterion 3.2.2 due to launching a new window without prior warning when the selection of a radio button, check box or select list is changed
|
|
|
|
## Resources
|
|
|
|
- WCAG 2.2 SC: https://www.w3.org/TR/WCAG22/#on-input
|
|
- Understanding: https://www.w3.org/WAI/WCAG22/Understanding/on-input.html
|
|
- Quick reference: https://www.w3.org/WAI/WCAG22/quickref/?versions=2.2#on-input
|
|
|
|
[Back to 3 Understandable index](index.html)
|