...
Use native and semantic HTML markup in connection with form related buttons.
As a screen reader and keyboard only user I should:
be provided with a button label
be able to navigate to the button by using the “TAB” key on the keyboard
be able to activate
...
the form related
...
button by either pressing the “ENTER” key or “Spacebar” on the keyboard
As a screen reader user I should:
be able to explicitly associate the button with the form control or group of form controls
When the button has keyboard . Ensure elements with ARIA role="button" can be activated with both key commandsfocus:
the screen reader should announce the button label.
Screen readers announce the nested text for <button> elements, and the value attribute for input buttons.
...
Markup and Code
| Code Block |
|---|
<label for<input type="submit" name="feedbacksubmit">Additional feedback and comments:</label><br> <textarea id="feedback"></textarea> value="Submit"> <button>Add Hours</button> <button>Next</button> |