[Accessibility Issue]: DataGrid selection cell has Accessibility Issue

[iasnijor09]

Library

React Components / v9 (@fluentui/react-components)

System Info

Chrome version 114.0.0.0

"@fluentui/react-components": "^9.14.0"

Are you reporting Accessibility issue?

yes

Reproduction

https://codesandbox.io/s/dtwyrb?file=/example.tsx

Bug Description

Issue :
Accessibility insights is throwing allowed aria attributes and label rules on DataGrid component.

Screenshots :

Logs

No response

Requested priority

Normal

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[smhigley]

For the first issue, we don't have an immediate fix since we want to expose the mixed-state checkbox on the cell, which is possible through aria-checked but not through aria-selected. In addition to that, aria-checked is more user-friendly in general for multiple selection scenarios. I've opened an issue on the ARIA spec to consider adding it as a supported attribute on gridcells: w3c/aria#1960

For the second, that will be tracked in #28233

Thanks for filing this issue!