A11y: Settings headings are not marked up in HTML

[daniellekirkwood]

In all submenu items in the web Settings screen, the headings are not marked up in HTML which makes it difficult for screen readers to navigate

Example of this issue are highlighted in red:

[MadLittleMods]

What about these A11y issues requires https://github.com/vector-im/element-web/labels/X-Needs-Design? Are the screens/flows changing beyond making the existing content accessible?

[daniellekirkwood]

What about these A11y issues requires X-Needs-Design May require input from the design team ? Are the screens/flows changing beyond making the existing content accessible?

The Design Systems team marked this as something that they would likely fix as part of the refit they're working on this year.

[MadLittleMods]

@daniellekirkwood Feels like this can be addressed without any design input.

If we want to fix it in the current Element, just update to use some semantic heading elements.

If we want to make sure headings in the Compound design system are accessible, just use semantic heading elements.

[luixxiul]

@kerryarchibald I would like to ask you if the issues you referenced to this are also to address #25227.