Boards | Board configuration : Inappropriate heading structure found on page

Issue Summary

On the “Board configuration ” page, the heading structure for text such as "General" and "Filter" is found to be inappropriate on page

Steps to Reproduce

1. Navigate to the “Boards” menu pop-up link and activate it.
2. Navigate to the “Configure” link and activate it.
3. Navigate to mentioned text in read mode and observe the screen reader announcement

Screenshot

Actual Result

The heading structure was found to be inappropriate on the page. Text such as "General" and "Filter" is coded as <h5> and the text "General and filter" is coded as <h2> which does not match the visual hierarchy on the page. As a result, screen reader users found it difficult to understand the page's content structure.

Expected Result

Use heading levels as per specification such as <h1> should be followed by <h2>, <h3> and so on.

Even though this is required at WCAG 2.0 at Level AAA, it is recommended that the discussed issue be addressed as screen reader users rely on headings heavily to understand the page structure.

Text such as "General and filter" should be coded as <h1> and the texts "General" and "Filter" should be coded as <h2> appropriately.

Code snippet

<h1>General and filter</h1>
...
<h2>General</h2> 
...
<h2>Filter</h2>

Workaround

Currently, there is no known workaround for this behaviour. A workaround will be added here when available

Environment

MacBook Pro (14-inch, 2021)
macOs Ventura  13.2.1
Chrome - Version 110.0.5481.100 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.2 (18614.3.7.1.5)
JAWS- Version 2021
NVDA- Version 2021.2
Voiceover - Version Latest