Form

Guideline: Forms

Text Input

Selected¹

State	I see	I hear
Normal	The Label	The label and the input type

Focused

State	I see	I hear
Focused	The Label	The label and the input type
Filled	The Label	The label, the value entered and the input type

Disabled/Read only

State	I see	I hear
Disabled/Read only	The Label	The label, the value, input type and "disabled"

Validation

Validation	I can
Succesfull	Move to the next field using the "Next" keyboard button.
Succesful	Submit the form using the "Done" keyboard button.
Invalid	Move to the next field using the "Next" keyboard button. I MUST not be trapped on the field
Invalid	Submit the form using the "Done" keyboard button.

Testing

Procedures

1. Turn on a Screen Reader.
2. Focus the text input.
3. Evaluate whether the label adequately and uniquely describes the component.
4. Verify whether the active state is announced appropriately.

Outcome

Ensure all the following checks are true:

• The label is clear and understandable.
• The component is announced as a "button" by the screen reader.
• Any state of the component, such as ticked, disabled, etc., is announced by the screen reader.

---

1. The "selected state" indicates that a Screen Reader user has focused on the field but has not initiated any action yet.↩