Ensure that users fill in the forms in an application correctly by supplying
brief instructions. By using labels, helper text, and placeholders, you define what kind
of input goes into each control, which reduces time required to fill in the
For example, a helper text might clarify differences in available options depending on
You can define helper text for editable input fields, such as text areas or check boxes.
Helper text does not appear above fields that are in a read-only view or are not used
for inputting data, such as paragraphs.
Text prompts are also important for accessibility, because they provide users who rely on
assistive technologies with screen-reader-friendly guidance.
Note the following accessibility best practices:
Use only one method to label a field. For example, do not duplicate the content of
the label in helper text.
Ensure that the label is programmatically associated with the field. This way, when
screen reader user focuses on the field, the software reads the label.
Ensure that labels are above input fields.
Use simple, clear language that is descriptive and does not include technical