Issue Summary

The “Insert files and images” text is inappropriately defined as heading level 2.

Note: Similar issue is observed for the macros such as "Table of Contents" ,"Children Display" ,"Info" & "Recently Updated"

Steps to Reproduce

1. Open the "Confluence DC" page.
2. Navigate to "Create" button and select it.
3. Navigate to “Insert more content” button and select it.
4. Navigate to "Files and images" option and activate it
5. A "Insert files and images" modal dialog will appear over the screen.
6. Using screen reader, pull up the list of Headings.
7. Observe that the mentioned text has incorrect heading mark-up as per visual hierarchy.

Screenshot 1

Screenshot 2

Screenshot 3

Actual Result

Heading structure is found to be inappropriate on the page. Text such as "Insert files and images" is coded as <h2>.  As a result, screen reader users found it difficult to understand the page's content structure.

Expected Result

The heading levels should be defined as per visual hierarchy of the page to enable screen reader users in understanding the page structure.

In this scenario ,markup the heading text such as "Insert files and images” using <h1> tag

Code Snippet

<h1 class="cs.." >Insert files and images </h1>

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Monterey Version 12.3.1
Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest