Required Fields - Get 'A' Certified

Theory

If you’re using an asterisk to indicate a required field,

1. Use the aria-required attribute on its input field.
2. Instructions for the form should be
   ”all required fields are displayed in red and marked with an asterisk *”

If you’re using colour (like red) to indicate required field

1. Use the aria-required attribute on its input field.
2. Instructions for the form explain should be:
   ”required fields are labeled with red text”

Code Example

What it looks like with some CSS

References:

• Using aria-required
• UI example
• Theory