Skip to content

[a11y]: Element "button" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true' #11095

@xiepingp

Description

@xiepingp

Package

carbon-components-react

Browser

Chrome, Firefox

Operating System

Windows, MacOS

Package version

v10.39.0

React version

v7.56.0

Automated testing tool and ruleset

IBM Equal Access Accessibility Checker - Latest Deployment

Assistive technology

No response

Description

When scanning the datatable with batch actions using Accessibility Checker, below violation is returned: Element "button" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'.
Same violations are happening when batch action bars is displayed (checkbox is selected).

WCAG 2.1 Violation

IBM 1.3.1 Info and Relationships & IBM 4.1.2 Name, Role, Value

CodeSandbox example

(not sure)

Steps to reproduce

Scan the page using Accessibility Checker: https://react.carbondesignsystem.com/?path=/story/components-datatable-batch-actions--default

Screen Shot 2022-03-28 at 3 41 04 PM
Screen Shot 2022-03-28 at 3 41 34 PM
Screen Shot 2022-03-28 at 3 41 41 PM
Screen Shot 2022-03-28 at 3 41 46 PM

Select the checkbox and the batch actions bar is displayed:
Screen Shot 2022-03-29 at 3 25 00 PM
Screen Shot 2022-03-29 at 3 25 47 PM
Screen Shot 2022-03-29 at 3 26 17 PM

Code of Conduct

Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

Status
✅ Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions