cds-snc / cds-snc/platform-forms-client
Difference in size/hierarchy is not perceivable between H1 and H2
- Dominant language
- TypeScript
- Stars
- 46
- Forks
- 16
- Avg merge
- 1d 8h
- Merged PRs (30d)
- 85
Description
## Description
H1 shows up smaller than H2 in form builder. Consider making these hierarchical/proportional as they will be in form.
In test, the difference in heading size does not help to visually indicate the level of hierarchy.
This, would also be the case for live form outputs.
## Steps to reproduce
1. Go to GC Forms staging
2. Create a form with a title, page title, H2 page text, and H3 page text.
3. Add a description and privacy statement with (H2, H3)
4. Go to test / preview the form
5. Go to Forms set-up panel > Translations
6. See difference between type size (especially between H1 and H2).
## Details
- **Browser**: Chrome
- **Operating system**: Mac
- **Environment**: Production
- **Language**: English/French
- **Viewport**: Desktop
## Expected behaviour
- Using formatting consistently
- Clear difference between different levels
- Usually font size helps distinguish between different header levels
https://design-system.alpha.canada.ca/en/components/heading/code/
## Screenshots or videos


Contributor guide
Assessment
This issue has not been assessed yet.