[a11y]: FileUploader has critical violation "The tabbable element's role 'none' is not a widget role"

[Carrieruan011]

Package

carbon-components-react

Browser

Chrome

Operating System

Windows

Package version

n/a

React version

n/a

Automated testing tool and ruleset

IBM Equal Access Accessibility Checker - Latest Deployment

Assistive technology

No response

Description

The FileUploader button has a critical a11y violation "The tabbable element's role 'none' is not a widget role" that was found in our product using the IBM Accessibility Checker tool and is re-producible on the v10 and v11 storybook as well.

v10 storybook

WCAG 2.1 Violation

No response

Reproduction/example

Carbon v10 storybook - https://v7-react.carbondesignsystem.com/?path=/story/components-fileuploader--file-uploader

Steps to reproduce

On the storybook link (either v10 or v11) for the FileUploader story, run the IBM Accessibility Checker scan. The scan should report the critical violation mentioned above (scroll to the bottom of the violations list).

Code of Conduct

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

[tomleah]

@tw15egan would it be possible for this to be backported this to Carbon 10, please?