Skip to content

Datatable: Checkbox in DataTable not operable via keyboard with screen reader (NVDA) #8172

Description

@rinnuagna

Describe the bug

When using a screen reader (e.g., NVDA) and navigating the DataTable with keyboard keys (Tab/Arrow), the row selection checkbox cannot be checked or unchecked using the Space/Enter key. Instead, the focus skips to the next focusable element, and the checkbox state remains unchanged.

This issue only occurs when navigating via keyboard with a screen reader active. Mouse interaction works as expected — clicking the checkbox correctly toggles its state.

Reproducer

No response

System Information

System: Windows
Browser: Chrome
Screen Reader: NVDA

Steps to reproduce the behavior

  1. Use PrimeReact DataTable with selectionMode="multiple" (checkbox).
  2. Turn on NVDA or any screen reader.
  3. Navigate to the checkbox using keyboard (Tab or Arrow keys).
  4. Press Space to check/uncheck.

Expected behavior

The checkbox toggles its state and stays focused.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Component: AccessibilityIssue or pull request is related to WCAG or ARIAResolution: StaleIssue or pull request is inactivity and unfortunately it will be *closed* if there is no response

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions