[a11y]: The ARIA attributes "aria-labelledby" are not valid for the element <div> with implicit ARIA role "generic"

[molyholy]

Package

carbon-components-react

Browser

Firefox

Operating System

MacOS

Package version

v10 (which I think is the version PAL is using)

React version

No response

Automated testing tool and ruleset

IBM Accessbility Checker

Assistive technology

No response

Description

This a11y issue was flagged in a Modal used in one of my repos, however after running the IBM a11y checker on the Modal docs, it seems the issue just exists in the original Modal code too

WCAG 2.1 Violation

No response

Reproduction/example

https://v10.carbondesignsystem.com/components/modal/code/

Steps to reproduce

1. Go to https://v10.carbondesignsystem.com/components/modal/code/
2. Open the Modal in the code example
3. Run the IBM a11y checker
4. Observe this error
   

Code of Conduct

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

[sstrubberg]

This needs severity

[molyholy]

A field for severity doesn't seem to be in the "accessibility issue" template like how there's one in the "bug report" template

but in this case the severity is low

[sstrubberg]

A field for severity doesn't seem to be in the "accessibility issue" template like how there's one in the "bug report" template

but in this case the severity is low

Thanks for the feedback @molyholy. I should have been more clarifying when I posted. I was looking for @carbon-design-system/developers to weigh in and assign priority when triaging this issue.

[tw15egan]

This seems like a v10 website-specific issue, most likely due to an out-of-date carbon-components-react version. I cannot reproduce the violation checking the Modal in the v10 storybook running the latest version of V10, so I suggest trying to upgrade to 7.59.21 and seeing if your issue is resolved.

Update: Looks like this was fixed via #14170 and should be included in any version later than 7.59.10