/
Input Fields
Input Fields
Visual Example
Acceptance Criteria
As a screen reader and keyboard only user I should:
be provided with a form label
be able to navigate to the form input field by using the “TAB” key on the keyboard
As a screen reader user I should:
be able to explicitly associate the form label with the form control
When the form field has keyboard focus:
the screen reader should announce the form label.
Markup and Code
<label for="name">Your name:</label>
<input id="name" type="text">
, multiple selections available,
Related content
Text Areas
More like this
Checkboxes
More like this
Form Instructions and Help Text
Form Instructions and Help Text
More like this
Group of Form Elements
Group of Form Elements
More like this
Buttons
More like this
Unexpected Form Behaviors
Unexpected Form Behaviors
More like this