Issue Summary

On this page, the “Edit current filter" heading is inappropriately defined as heading level 2.

Note: A similar issue was found on the "Find an issue | Filter subscription" page. Refer to screenshot 2.

Steps to Reproduce

1. Open the "Filter an issue" page.
2. Navigate to the "Details" link and activate it.
3. Navigate to the "Edit permissions" link and activate it.
4. Navigate to the mentioned instance and inspect the code.
5. Observe that the mentioned text has incorrect heading markup as per visual hierarchy.

Screenshot 1

Screenshot 2

Actual Results

The “Edit current filters" heading does not follow the visual structure of the page. It is inappropriately defined as heading level 2 (<h2>) instead of heading level 1 (<h1>).

As a result, screen reader users found it difficult to understand the structure of the content present on the page.

Expected Results

The heading levels should be announced as per the visual hierarchy by the screen reader to understand the page structure for their users.

The heading levels should correctly convey the relationship between the headings, such as the parent-child relationship between the headings. Provide appropriate heading levels to the mentioned heading text, such as <h1>, <h2>, <h3>, and so on.

Code example:

<h1>Edit current filters</h1>

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.3
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.3 (19617.2.4.11.8)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest