Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • 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>

...