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
| Code Block | ||
|---|---|---|
| ||
<fieldset> <legend>Choose a shipping method:</legend> <input id="overnight" type="radio" name="shipping" value="overnight"> <label for="overnightfeedback">Overnight</label><br>>Additional <input id="twoday" type="radio" name="shipping" value="twoday"> <label for="twoday">Two day<feedback and comments:</label><br> <input<textarea id="ground" type="radio" name="shipping" value="ground"> <label for="ground">Ground</label> </fieldset>feedback"></textarea> |