Use a more precise required/optional fields legend

[javierm]

References

• The styles for public forms was changed in pull requests Improve investment form #4580 and New design of the forms for creating debates and proposals #4225

Background

Usability tests showed some users were struggling when seeing the word "Required" as a legend (it's actually styled as a title), since this isn't a common pattern when filling in forms. They were expecting something like "Fields with * are required", and so the "Required" text alone made them feel the sentence wasn't complete.

We could also add an "*" to required fields in addition to the "Required" text. In this case, however, some users wondered what the asterisk was about: "It can't mean 'required' because they've already said these fields are required".

Objectives

• Make it easier for citizens to know which fields are required

Visual Changes

Before these changes

After these changes

Notes

We'll probably have to revisit required and optional fields again. For now, we're just doing a small improvement.