Accessibility issues in Table, Column components

[srikant-ch5]

Bug Report

• The tabbable element's role 'columnheader' is not a widget role

<div
    style="flex: 0 1 60px;"
    tabindex="0"
    role="columnheader"
    class="ReactVirtualized__Table__headerColumn _2F2N2luOrTSa1tMUcxFhGG ReactVirtualized__Table__sortableHeaderColumn"
    aria-sort="ascending"
    aria-label="Index">

• The element with role "rowgroup" is not contained in or owned by an element with one of the following roles: "grid, table, treegrid"

<div
    style="width: auto; height: 40000px; max-width: 969px; max-height: 40000px; overflow: hidden; position: relative;"
    role="rowgroup"
    class="ReactVirtualized__Grid__innerScrollContainer">

What is the current behavior?

Steps to reproduce -

• Add accessibility checker extension in browser - https://www.ibm.com/able/toolkit/verify/automated/
• Go to page - https://bvaughn.github.io/react-virtualized/#/components/Table
• Open browser's developer tools. Go to tab - "Accessibility Assessment"
• Click on "Scan" button
• After scan completes, filter the results to show only "Violations".

What is the expected behavior?

The tabbable element's role 'columnheader' is not a widget role : Allow an option to set tabIndex="-1" in Column component
The element with role "rowgroup" is not contained in or owned by an element with one of the following roles: "grid, table, treegrid": Allow an option to set role in Table component

Which versions of React and react-virtualized, and which browser / OS are affected by this issue? Did this work in previous versions of react-virtualized?

Browser	Chrome
OS	macOS
React	18.3.0
React DOM	18.3.1
react-virtualized	9.22.2