ondemand icon indicating copy to clipboard operation
ondemand copied to clipboard

Activejobs a11y table navigation breaks after expanding rows

Open johrstrom opened this issue 4 years ago • 2 comments

When a screen-reader user is navigating the table in the activejobs app everything works as expected. However, expanding the row breaks. Row navigation will then from column 1 (id) to column 9 (status), whether the row is expanded or collapsed. So even if you collapse the row back to the original view, navigation will continue to skip those 5 columns in every row.

┆Issue is synchronized with this Asana task by Unito

johrstrom avatar Nov 10 '20 21:11 johrstrom

I haven't been able to find anywhere documentation on making "child rows" accessible, and supposedly datatables does not support well cells with arbitrary colspan (so we couldn't add the final column "details" and have that cell colspan all the columns so it appears at the bottom - I didn't test and confirm this though).

It might be a less ideal user experience but we might consider using a modal that opens to display the job details when the button is clicked, instead of the disclosure mechanism.

ericfranz avatar Nov 10 '20 21:11 ericfranz