react-virtualized
react-virtualized copied to clipboard
Semantically correct HTML
We like this tool very much, but we ran into a wall when the accessibility team reviewed our app. That the ReactVirtualized__Grid__innerScrollContainer in Grid.js is a div, rather than a ul, that contains lis makes it confusing for users on a screen reader. Moreover, a list of lis inside a div it is not semantically correct html. Could we please change this div
<div
className="ReactVirtualized__Grid__innerScrollContainer"
in Grid.js to a ul?
This does presume list items would be a list of lis. If developers need the ability to render divs or some other element in the renderer, could we make the element type configurable? At the moment we see no way to achieve a semantically correct list, i.e. a ul with lis as direct children.
Bump for improved accessibility
Would also like to bump this.
Any solution for this?