What if a select box changes the rest of my form?

Question

If form content changes after selecting a value in a select box, is it necessary to explain in advance in text that the form will change and should that be read aloud? Or do I have to provide a submit button to initiate the change of context instead?

Answer

Yes, if interacting with a form input results in a change of context, then users must be made aware of the change before interacting with the component. However, the most accessible option would be providing a submit button so the change of context does not occur as soon as a form input is selected.

Also, if you provide instructions informing users of the change in context, then ensure they are programmatically related to the form with aria-describedby.

For more information regarding content changes on input, check out the Keyboard Navigation & Focus Management course from Accessible Web.

Free Tools to Continue Learning

Accessible Web Company Logo

Accessible Web RAMP

Monitor your website and manage your progress towards WCAG conformance.

Accessible Web Company Logo

Accessible Web Academy

Career specific courses to help power up your accessibility knowledge.