[UX] Idea: Bigger "required" indicators for fields (a red ❌ next to the field) plus a red focus "halo" around the field.

[klonos]

This is related to #1040.

I'm wondering if the UX would be better if instead of this:

1. fill form in a rush, but fail to notice the tiny red asterisks in some fields
2. click "save"
3. page reloads
4. see validation errors
5. fix errors
6. click save again

...we provided a better UI that guided people to this:

1. fill form in a rush, but still fill in required fields because "required" indicators are bigger and made more prominent -> get a "live" feedback/indication that you've done the right thing
2. save -> win! (at least less chances that you've done something "wrong")

Something like this:

Here's another set of screenshots to demonstrate do's and don't's with regards to accessibility:

[klonos]

...I realize that this may bleed into some sort of inline/live/AJAXy validation (similar to the password strength indicator), but I was thinking of something more "light": it will only handle the "required" bit - not the actual (and potentially more complex) validation.

[ghost]

fill form in a rush, but fail to notice the tiny red asterisks in some fields

fill form in a rush, but still fill in required fields because "required" indicators are bigger and made more prominent

Where do you draw the line between something small and unnoticible, and something large enough to never be missed? What if some people in a rush still miss the new, larger indicators? Where do you draw the line between too many people missing things and an exception of people still missing things?

My point being that I don't think this change is worthwhile; at least not without some sort of studies or standards that show how large/prominent required indicators need to be, or how many people this will actually benefit (compared to the current situation).

[klonos]

@BWPanda I've added a screenshot in the issue summary, which demonstrates that bigger required indicators and a red border/halo around required fields is harder to miss (for sighted people that is).

I have removed the proposal for the "green ✔️" indicator for non-required or on-problematic fields from the issue title, but we can still consider it.