Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Highlight required field #518

Open
ElodieOS opened this issue Jun 23, 2023 · 5 comments
Open

Highlight required field #518

ElodieOS opened this issue Jun 23, 2023 · 5 comments
Labels
Component Component used in many places Improvement

Comments

@ElodieOS
Copy link

Hi everyone!

I have noticed that required inputs aren't specified to the user. Currently, the preferred behavior is the one that indicates optional inputs. I think is better to highlight the required field to avoid user confusion.

So I recommend highlighting the required field with a red asterisk and displaying nothing when the input is optional.

For example:
image

@ElodieOS ElodieOS added Component Component used in many places Improvement labels Jun 23, 2023
@ElodieOS ElodieOS changed the title Show required field Highlight required field Jun 23, 2023
@SharakPL
Copy link
Contributor

SharakPL commented Jul 1, 2023

Maybe a change of red * to (required) would be better or at least explanation about it because it's not obvious for everyone.

@ElodieOS
Copy link
Author

ElodieOS commented Jul 3, 2023

Hello @SharakPL
Do you think this is really necessary? It's a common model to have a red asterisk for the required field today. I'm afraid that the interface will become too cumbersome if we add the word "required" to all the fields.

@SharakPL
Copy link
Contributor

SharakPL commented Jul 3, 2023

That's one of the options I mentioned. Other one is about explaining what this red asterisk actually means. It's obvious for us but not necessarily for every shop user so there needs to be an explanation on top of the form, eg. * value required. I don't see anything like that in the form.

@Hlavtox
Copy link
Contributor

Hlavtox commented Jul 4, 2023

@SharakPL @ElodieOS I think red asterisk is enough, but I am free for both options. :-)

We can add (optional) after the non-required fields. Customers are dumb, the more understandable it is for average Joe, the better.

@ElodieOS
Copy link
Author

ElodieOS commented Jul 4, 2023

Okay, I see. Yes, an explanation on top of the form seems like a good idea @SharakPL. With that, we are sure to be more accessible and it's discrete so it's okay for me 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component Component used in many places Improvement
Projects
Status: 📋 Backlog
Development

No branches or pull requests

3 participants