Issue description
In the issue #1628 we investigated why some of our form pages have different widths. We learned that part of the reason it feels inconsistent is because we're not consistent on when the form starts. Sometimes the "instruction" section is just the H1 and body below it and sometimes it includes another heading or two below it. You can read more about the results of the audit in this comment.
The goal of this issue is to explore some different layout approaches for our forms to try to avoid having this awkward inconsistency in our form anatomy.
Acceptance criteria
Additional context
Suggested improvements we discussed:
Use less headings, include the question in the label rather than heading, employ more helper text instead of instructional copy before the input element.)
Links to other issues
Issue description
In the issue #1628 we investigated why some of our form pages have different widths. We learned that part of the reason it feels inconsistent is because we're not consistent on when the form starts. Sometimes the "instruction" section is just the H1 and body below it and sometimes it includes another heading or two below it. You can read more about the results of the audit in this comment.
The goal of this issue is to explore some different layout approaches for our forms to try to avoid having this awkward inconsistency in our form anatomy.
Acceptance criteria
Additional context
Suggested improvements we discussed:
Use less headings, include the question in the label rather than heading, employ more helper text instead of instructional copy before the input element.)
Links to other issues