Use Required Field Notice For Free

This is one of the most widely-adopted methods to notify the users that a form control is required. A star (asterisk) symbol is provided along with the label. If the label is programmatically associated with form control, then it is accessible to assistive technologies.

A red asterisk means that the field is "required" and you won't be able to submit the form without filling that field.

In the context of user interaction with website form fields an asterisk means "a required field". In the context of marketing documents it means "see that small text below for contract details". In the context of mathematical equation it can be a convolution operator.

How to indicate a required field Provide the required text in the label. Provide a graphic * image in the label with appropriate alt text. Providing a star (asterisk) symbol. Use of color to identify if a form control is required. Providing HTML5 and ARIA required attributes.

You can use either asterisks or visual indicators to mark the required fields. As a UX Designer, I always recommend marking all required form fields as required, unless there is a specific reason not to.

Asterisk (*) next to a form control's label usually indicates it as "required". Oftentimes, this asterisk's purpose is then explained somewhere else on the page. Many users (especially screen reader users) may be confused with that, so be sure to make this information is easily accessible.

Mandatory fields Nested List, Nested Grid, Nested FormAt least one record must be presentUser Lookup, Role LookupAt least one user or role must be selectedDropdown, Radio ButtonsAn option with a non-blank 'Value' must be selectedCheckboxesAt least one option must be selected

Fields marked with * are mandatory Using an asterisk (*) symbol content authors notify mandatory field. This is said to be one of the accessible modes of identifying a mandatory field, however this method also will be a problem with screen readers in certain times.