[a11y]: ComposedModal dialog body content is not read out by JAWS

Package

carbon-components, carbon-components-react

Browser

Firefox

Operating System

Windows

Package version

v10.47.0, v7.47.1

Automated testing tool and ruleset

IBM Equal Access Accessibility Checker - Latest Deployment

Assistive technology

JAWS 2021.2103.174

Description

JAWS screen reader tool only reads out modal dialog label and primary button text when the dialog is opened. The content of the modal body is not read out. Maybe I’m missing something, but I could not find a way to navigate JAWS to the dialog content e.g. using tab key. This might make it difficult for people with screen readers to understand what the dialog is about.

I noticed something strange however, if I modify the CodeSandbox so that the dialog is displayed immediately e.g. <ComposedModal open={true}> then the whole dialog including the modal body is read out by JAWS.

Not sure if this could be related to https://github.com/carbon-design-system/carbon/issues/2739

WCAG 2.1 Violation

No response

CodeSandbox example

https://codesandbox.io/s/loving-volhard-23c89?file=/src/index.js:364-377

Steps to reproduce

1. Open CodeSandbox.
2. Open JAWS and open “Launch dialog” button.
3. JAWS reads <ModalHeader> label “Task failed” and the “Yes” button. The title of the <ModalHeader> and the content of the <ModalBody> is not read out by JAWS.
4. Modify CodeSandbox <ComposedModal open={true}>
5. JAWS reads the whole dialog including the modal body.

Code of Conduct

• I agree to follow this project’s Code of Conduct
• I checked the current issues for duplicate problems

[andreas-schmitt-mi]

@dakahn Is only the latest version of JAWS supported by carbon components?

[andreas-schmitt-mi]

@dakahn As a side note, it seems that the issue described for JAWS 2021 also occurs on VoiceOver of the latest MacOS 12.5.1