carbon-design-system / carbon

A design system built by IBM
https://www.carbondesignsystem.com
Apache License 2.0
7.73k stars 1.79k forks source link

[a11y]: Focus is not transferring to Composed Passive Modal #16650

Open makafsal opened 3 months ago

makafsal commented 3 months ago

Package

@carbon/react

Browser

Chrome, Firefox

Operating System

MacOS

Package version

v1.58.1

React version

No response

Automated testing tool and ruleset

Manual Test

Assistive technology

No response

Description

Focus not switching to the close button after launching the modal

https://github.com/carbon-design-system/carbon/assets/9197089/4ccc22d3-f3e6-4e63-b5ea-d38a4927d0e7

WCAG 2.1 Violation

No response

Reproduction/example

https://react.carbondesignsystem.com/iframe.html?id=components-composedmodal--passive-modal&viewMode=story

Steps to reproduce

Open the passive modal storybook and click the open button, we can observe that the focus is not changing from the launcher button to the close button.

Code of Conduct

makafsal commented 2 weeks ago

@guidari @sstrubberg Please see the Carbon accessibility doc for Passive Modal:

image https://carbondesignsystem.com/components/modal/accessibility