Issue Summary

The content associated with the “cgoyal” user profile expandable button is incorrectly positioned at the end of the page.

Steps to Reproduce

1. Open the Confluence Cloud homepage.
2. Using a screen reader, navigate to the “cgoyal” user profile expandable button in the header section and activate it.
3. 4. Using JAWS/NVDA, press the Down Arrow key, or using VoiceOver, press Control + Option + Right Arrow to navigate through the page.
4. Observe that the content associated with the expandable button is available at the end of the page.page.

Screenshot

Screen Recording

Inaccurate Reading Order Issue

Actual Results

When users expand the “cgoyal” user profile button, the content associated with the expandable button is incorrectly positioned at the end of the page. This occurs because the associated content is coded at the end of the DOM, resulting in an inaccurate reading order. This can cause confusion and make it difficult for screen reader users to locate and understand the expanded content.

Expected Results

Screen reader should read the content in the correct logical order for its users.

Ensure that the content associated with the “cgoyal” user profile expandable button is placed immediately after the button in the DOM and follows the correct reading order.

Note:

This code example is intended only as a general illustration of how to address the violation and should not be considered a complete or production-ready solution. If you have any questions, please attach this ticket to a #help-accessibility request.

Code Snippet:

<button aria-expanded="false" ...>
...
</button>
<div ...>
Expanded content...
</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 Tahoe 26.6.2
Windows 11
Chrome - 153.0.8010.37 (Official Build) (64-bit)
Microsoft Edge - 152.0.4191.66 (Official build) (64-bit)
Safari- Version 26.6.2
JAWS- Version 2026
NVDA- Version 2026.2
VoiceOver - Version Latest