Visual Example
Acceptance Criteria
A sighted keyboard only user typically uses the “TAB” key on the keyboard to navigate through form elements.
When an item has keyboard "focus", it can be activated or manipulated with the keyboard.
A sighted keyboard only user must be provided with a visual indicator of the form element that currently has keyboard focus. For example an emphasized border or outline.
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">