Input Fields

Owned by Christina Lutz-Hatfield
Last updated: Oct 15, 2023
1 min read

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

<label for="name">Your name:</label> <input id="name" type="text">

View HTML markup on github