Visual Example
Acceptance Criteria
As a screen reader user I should be provided with a form label for every form control.
As a screen reader user I should be able to explicitly associate text labels with their respective form control.
As a screen reader and keyboard only user I should be able to enter data in an input field.
As a screen reader and keyboard only user I should be able to navigate to the form input field by using the “TAB” key on the keyboard.
When the form control receives keyboard focus the screen reader should announce the form label.
Markup and Code
<label for="name">Your name:</label> <input id="name" type="text">