Issue Summary

The screen reader announces an incorrect dialog title, such as "Help Select macro Search macros" for the "Insert SAP ADDRESSBOOK Macro" modal dialog.

Steps to Reproduce

1. Open the Confluence DC instance.
2. Navigate to the header section, activate the "Spaces" control, and open any space.
3. In the main content area, open any existing page and activate the "Edit" control.
4. In the Toolbar, select "Insert more content" and then click on "Other macros".
5. In the Search form field, type "SAP ADDRESSBOOK", then using a screen reader, activate the "SAP ADDRESSBOOK" control to open the modal dialog.
6. Note that an incorrect dialog title is announced.

Screen Recording

Dialog Title.mp4

Screenshot

Actual Results

When screen reader users activate the "SAP ADDRESSBOOK" control, the "Insert SAP ADDRESSBOOK Macro" modal dialog appears on the screen. However, the screen reader announces an incorrect title, such as "Help Select macro Search macros" instead of the correct title, "Insert SAP ADDRESSBOOK Macro".

This issue occurs because the same values for the "aria-labelledby" and "id" attributes used in the "Search Macros" modal dialog are incorrectly reused in the container <div> and <h2> elements of the "Insert SAP ADDRESSBOOK Macro" modal dialog.

As a result, screen reader users are misled about the correct title of the dialog.

Expected Results

Ensure that the screen reader announces the correct dialog title to users.

Apply the following changes:

• Replace the "dialog-title" value with "sap-dialog-title" in the aria-labelledby attribute of the <div> element that contains the "Insert SAP ADDRESSBOOK Macro" modal dialog.
• Replace the "dialog-title" value with "sap-dialog-title" in the id attribute of the <h2> element that contains the "Insert SAP ADDRESSBOOK Macro" heading.
• Ensure that the values of the aria-labelledby and id attributes match.

Alternatively, if the dialog title is still not announced after the association, modify the scripts to ensure that when the modal dialog opens, the screen reader’s focus moves to the "Insert SAP ADDRESSBOOK Macro" heading.

Code Snippet:

<div role="dialog" aria-modal="true" aria-labelledby="sap-dialog-title">

<h2 id="sap-dialog-title">Insert SAP ADDRESSBOOK Macro</h2>

........

</div>

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 Sequoia 15.4.1
Operations - Windows11
Chrome - Version 135.0.7049.42 (Official Build) (64-bit)
Safari- Version 18.4
Firefox- Version 135.0 (64-bit)
JAWS- Version 2023
NVDA- Version 2024.4.2
VoiceOver - Version Latest