...
be provided with a form label
be able to use the TAB key on the keyboard to access the form control
be able to access important form instructionsprovided with a mechanism to initiate the change in page behavior, such as an “Update” , “Submit” or “Apply” button
As a screen reader user I should:
...
the screen reader should announce the form label the screen reader should announce
When the form
...
button has keyboard focus:
the screen reader should NOT announce dashes or any other charactersannounce the button label
...
Markup and Code
Code Block |
---|
<form> <div> <label for="phone-number">Phone Number</label> <input id="phone-number" type="text" aria-describedby="phoneinstructions"> <p id="phoneinstructions">Enter your 10 digit phone number including area code.</p> </div> </form> |
...