Carbon Compose Modal accessibility violation

[bryan-pegg23]

Detailed description

experiencing same/similar issue that was in ticket #4587. An interactive element/widget must have an accessible name. violation is thrown on top level of compose modal component. can be seen in both sample application below and in story book here https://react.carbondesignsystem.com/?path=/story/composedmodal--example-usage-with-trigger-button

What version of the Carbon Design System are you using?

• versions, also found in codesandbox:
  "carbon-components": "10.16.0",
  "carbon-components-react": "7.16.0",
  "carbon-icons": "7.0.7",
  "react": "16.3.1",
  "react-dom": "16.3.1",

What did you expect to happen?

• no accessibility violations

What WCAG 2.1 checkpoint does the issue violate?

https://aat.w3ibm.mybluemix.net/token/4950d599-abf0-4c72-b249-9eed7e3bf02e/82ec2f72-e53b-4c22-98b3-faab6bd311db/archives/2020JanDeploy//doc/w3/help/en-US/idhi_accessibility_check_g1156.html

Please create a reduced test case in CodeSandbox
https://codesandbox.io/s/carbon-components-react-du1ip?file=/src/index.js

Additional information

[emyarod]

the error doesn't seem to be present on https://carbon-components-react.netlify.com/?path=/story/composedmodal--example-usage-with-trigger-button which is the latest version of the component

[dakahn]

I'm seeing this error using Accessibility Checker with latest ruleset.

The modal needs an accessible name or title of some kind as seen in this WAI-Aria example

[dhyliu]

@dakahn Hello! This issue was opened around 4 months ago. Could I have your support to close it asap? It is now a blocker for several offerings on IBM Cloud to GA launch.