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.
Testing & RemediationHow to test: Open your website in your browser of choice and begin navigating using either the keyboard or mouse. Interact with all UI (user interface) components that take user input (checkboxes, buttons, dropdowns, text inputs, etc). Look to see if a change of content occurs. If so, does the page contain instructions or other indicators that let the user know of this behavior? How to remediate: You have a few options for remediating issues related to this Success Criterion. You can use standard "submit" buttons to trigger actions, provide a description of what happens when a form control is used or use an onchange event on a select element without causing a change of context.
Questions and Answers
Nearly all elements can be given focus, and have their focus order changed using the 'tabindex' attribute. Elements on a page will be given focus in the order of their tab index. W3 Schools has a great explanation of tabindex here.
There are many form specific elements that can be used to describe what's going on. As you've already mentioned, each input requires that it has a corresponding label. If you would like to further organize and give meaning to your form, you can use the 'fieldset' element to group related inputs. Within each fieldset, you can create a 'legend' that describes the inputs. For instance, let's say we have a form that asks a user for their personal information, and details about an order. The source code could look something like this.
<form> <fieldset> <legend>Enter Your Information</legend> <label for="first">First Name</label> <input type="text" name="first"> <!-- etc --> </fieldset> <fieldset> <legend>Order Details</legend> <label for="size">Size</label> <select name="size"> <!-- sizes --> </select> <!-- etc. --> </fieldset> </form>
This question depends on a number of factors including size of site, desired level of conformance, your developer's understanding of accessibility techniques, etc. Accessible Web is here to help. Reach out and we can discuss your site specifically.