WebAIM - Web Accessibility In Mind

E-mail List Archives

Tables with clickable rows

for

From: Renato Iwashima
Date: May 5, 2021 2:52PM

Hi,

What's the best/recommended way to create data tables where each row is
entirely focusable and clickable?

Looking at stackoverflow there's plenty of answers that disregard
accessibility. The only one I found that makes sense uses aria roles with
grid, row, and gridcell which doesn't use the <table> tag anymore. Is this
a good approach? This problem comes from the fact that it is invalid to
wrap table rows with an anchor tag.

Any help is appreciated.

Renato