ADA | Axe Issue: Pop-up Menu Not Contained by Landmarks

[kalyanighodake]

Latest version

• I have tested the latest version

Description

When opening the menu pop-up using the Salt component, the Axe accessibility tool reports an error: "All page content should be contained by landmarks." This issue occurs because the menu dropdown is rendered in a data-floating-ui-portal outside the

element, which may cause it to be perceived as not being part of the structured content of the page.

Steps to reproduce

1. Navigate to the page containing the Salt component with the menu pop-up.
2. Trigger the menu pop-up to open.
3. Run the Axe accessibility tool to analyze the page.
4. Observe the reported issue regarding content not being contained by landmarks.

Expected behavior

All page content, including dynamically rendered elements like pop-up menus, should be logically associated with a landmark region to ensure accessibility compliance.

Package name(s)

Core (@salt-ds/core)

Package version(s)

"@salt-ds/core": "^1.37.0"

Browser

• Chrome
• Safari
• Firefox
• Microsoft Edge

Operating system

• macOS
• Windows
• Linux
• iOS
• Android

Are you a JPMorgan Chase & Co. employee?

• I am an employee of JPMorgan Chase & Co.