Visual Example
...
Acceptance Criteria
As a keyboard only user and screen reader user I should be provided with a form label for every form controlable to use the “TAB” key on the keyboard.
As a keyboard only user and screen reader user I should be able to explicitly associate text labels with their respective form controluse the “TAB” key on the keyboard to navigate through the months and years.
As a keyboard only user and screen reader and keyboard only user I should be able to enter data in an input field.to use the left/right ←/→ arrow keys on the keyboard to navigate between dates.
As a keyboard only user and screen reader and keyboard only user I should be able to navigate to the form input field by using the “TAB” use the “ENTER” key on the keyboard .When the form control receives keyboard focus the screen reader should announce the form label. to select a date.
...
Markup and Code
| Code Block | ||
|---|---|---|
| ||
<label for="name">Your name:</label> <input id="name" type="text"> |
...