Required field in forms

[erangatl]

Describe your problem(s)

WCAG21 1.4.1: Use of Color
A form that uses color and text to indicate required fields

Assistive technology users should be able to identify the required fields easily.

Describe your solution

Instructions at the top of the form explain how required fields and optional fields are displayed

"Required fields are marked with an asterisk ( * )"
Red asterisk icon with "Required." text alternative, should follow label text
alt="Required"

"All the fields are required"

If most fields are required, indicate optional fields by displaying the word “optional” in parentheses next to the label text
"Optional fields are marked with (Optional) all the other fields are required"