Skip to content

[Bug]: DataGrid single-select variant has invisible unnamed radio input in the header row #34583

Open
@smhigley

Description

@smhigley

Component

DataGrid

Package version

latest

React version

n/a

Environment

n/a

Current Behavior

Related to #33752, the new issue is that the header radio is now invisible and disabled, which works as a solution for keyboard-only users but not screen reader users. Disabled controls are still accessible, and would need to be visible, have an accName, etc. etc.

Expected Behavior

For single-select, the header radio would need to be entirely not rendered, and (in general, not specifically for single select) should not be made invisible if disabled.

Reproduction

Repros in the PR preview for the linked PR: https://fluentuipr.z22.web.core.windows.net/pull/33752/public-docsite-v9/storybook/index.html?path=/docs/components-datagrid--docs#single-select

Steps to reproduce

This can be repro'd by using any screen reader to navigate the grid or table, and navigating to the first cell

Are you reporting an Accessibility issue?

yes

Suggested severity

Medium - Has workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

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.

Metadata

Metadata

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions