Skip to content

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

@kenneth-fossen

Description

@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

Metadata

Metadata

Assignees

No one assigned

    Labels

    area/accessibilityrelated to WCAG and accessibilitykind/questionQuestions raised should be labeled with this.squad/utformingIssues that belongs to the named squad.status/for-considerationIssues that will be considered for future deliveriesstatus/triage

    Type

    No type
    No fields configured for issues without a type.

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions