This is related to #1040.
I'm wondering if the UX would be better if instead of this:
- fill form in a rush, but fail to notice the tiny red asterisks in some fields
- click "save"
- page reloads
- see validation errors
- fix errors
- 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:
Recent comments
@yorkshirepudding, In the end I fixed it by deleting the config/active folder contents, copying the config/staging/ files into config/active, importing the database again and clearing the caches...
Importing the staged config throws an error: another field with the same name already exists
Thanks, I have to go out now, I will try later on and report back
Importing the staged config throws an error: another field with the same name already exists
Hi Francis. Yes, what config do you have in staging for it? You might have configs like: field.field.field_video_embed field.instance.node.page....
Importing the staged config throws an error: another field with the same name already exists