Form labels and groups of fields

Good labels tell the user the purpose of the button or form field. They can include the error notification for error handling and can provide format instruction to the end customers who use screen readers, magnifiers, and other assistive technologies.


Creating labels for fields and groups of fields

Creating labels for fields and groups of fields

These short descriptors should be used to direct users to the next part of their experience on a website or app.

When there is a collection of input form fields like a checkbox list or radio group, add a fieldset in the code and write a proper legend label that describes the collection, and is also translated.

Label inputs and fieldset legends with clear names, and use appropriate tags. 

Do not use placeholders for labels unless it is a proven, known accessibility pattern that our customers will understand. Example: In-site search bar.

To prove a “known accessibility pattern” provide research that includes feedback from people with disabilities and seniors.

These short descriptors should be used to direct users to the next part of their experience on a website or app.

When there is a collection of input form fields like a checkbox list or radio group, add a fieldset in the code and write a proper legend label that describes the collection, and is also translated.

Label inputs and fieldset legends with clear names, and use appropriate tags. 

Do not use placeholders for labels unless it is a proven, known accessibility pattern that our customers will understand. Example: In-site search bar.

To prove a “known accessibility pattern” provide research that includes feedback from people with disabilities and seniors.


Explore more

Explore more