Same size for <h1> elements and <h2> elements

[kenneth-fossen]

Question

We have created an application using Altinn Studio and set the appName field to reflect the application's name.

When we reviewed the accessibility requirements for our clients using standard WCAG tools, we noted that the sizing of the <h1> tag produced for the appName and our subsequent <h2> elements had the same size.

Looking into the code, the element Header.tsx that <h1> is coded to the md size, and that the largest header size for a header provided by the HeaderComponent is <h2> that is sized to md. HeaderComponent.tsx

Is this by design?

Note: Sizing down to <h3> is not optimal as tools such as WAVE will complain that the headers are skipped.

Additional Information

No response