search

SSAgov / ANDI

A tool to test web content for accessibility and 508 compliance.
https://www.ssa.gov/accessibility/andi/help/howtouse.html
Other
302 stars 76 forks source link

ARIA grid has no [role=row] rows. #168

Open dritchey01 opened 1 year ago

dritchey01 commented 1 year ago

Hello team, using the ANDI tool i have gotten this issue from a react Kendo grid

[ARIA grid has no [role=row] rows.

HTML Generated in DOM bad html

      <KendoGrid
        data={gridState.neighborhoodcollections.data || []}
        gridColumns={gridState.gridDynamicColumns}

      />
JohnCotterSSA commented 1 year ago

Thanks for the code snippet. I see the role=grid, and whole bunch of nested role=presentation elements, and then some role=row elements. At first glance, it looks like ANDI might be getting confused by the many nested role=presentation elements and the table tag role overrides.

It could also be that ANDI is expecting role=row to be contained by a role=rowgroup, but looking at the spec, it looks like that's not actually a requirement.

I think this grid'/s structure might actually be okay with assistive technology. We will investigate ANDI's code and see if something needs to be fixed.