Input and forms: make the 'required' indicator actual text instead of just the asterisk

Energy-Saving-Trust / Design-System

A library of reusable components, patterns, and examples that embrace modern product design practices. Additionally, a collection of in-house standards, guidelines, and principles for creating inclusive, user-friendly, and effective products and services.

1 stars 0 forks source link

Per: https://www.w3.org/WAI/test-evaluate/easy-checks/required-fields/#:~:text=The%20best%20way%20to%20indicate,users%20because%20it%27s%20considered%20punctuation.

"Many forms use a red asterisk, ‘’, in the label. The asterisk is often not announced to screen reader users because it’s considered punctuation. People with low vision can often miss the ‘’ too due to it’s small size and the color that is used."

We want to use actual text written out saying 'required' instead of just the asterisk to indicate required fields in:

Input
Select
Dropdown
Any other form field components

@EST-Karol and @lynsiepatient fyi, I added this issue.

Energy-Saving-Trust / Design-System

Input and forms: make the 'required' indicator actual text instead of just the asterisk #26