Android design - Input screen

Have explicit input fields #

Target : everyone and in particular the visually impaired.
When : during design and development.

Description :

Linking input fields with their labels provides additional vocalisation that makes the field easier for the user to understand.

There are 2 techniques to do this linkage:

• labelFor  : indicate that a label is linked to another view.
• hint : add an example text when the text field is empty. This method only works for EditText.

It is essential to indicate to the user, for a good understanding of the input screen, the required fields, the expected format, or errors made on fields.

To be verified :

• Input fields must be linked to a label if it is visible, otherwise a hint is present.
• Required fields are identifiable
• The data format of the "complex" fields is indicated to the user

Reference WCAG :

• 2.4.6 Headings and labels
• 3.3.2 Labels or instructions
• 1.3.5 Identify input purpose

Identify input errors in the form #

Target : everyone and in particular the visually impaired.
When : during design and development.

Description :

If an error is made when entering input screen, it is important to clearly indicate to the user what the errors are, so that the user can correct the fields.

It is also recommended to provide the user with a correction suggestion.

To be verified :

• Error fields are clearly identifiable
• Error messages are self-explanatory
• A suggestion of correction is proposed to the user

Reference WCAG :

• 3.3.1 Error identification
• 3.3.3 Error suggestion