Use the * character to mark which fields are required. Place the character in the end of the input field. Also, provide information in the form about what is required by writing “Items marked with * are required”. Coloring a required field indicator in red, or another color that stands out will make it more visible for visually impaired users.
Guidelines:
- An explanation that * denotes a required field must precede the data entry form or element
- Required fields must not be indicated by color alone
- The * character must be placed inside the label element
- On hover, the asterisk title should state as “Required” and the cursor changes to help
Example:
Validation Technique:
- For any form that is used, manually confirm that the required fields are clearly marked as mandatory
- In addition to a visual identification such as *, ensure that the information is conveyed to the user when the user receives the focus by using the title attribute