Hi Torstein, the tables in your examples are ok but need a couple of tweaks. The aria-label on a div container isn't read by assistive technology unless there is some type of role assigned such as role="region". A better approach is to put a summary attribute on the table element. Furthermore, each column heading should have <th scope="col"> and each row heading should have <th scope="row">. I think that when you have multiple line series, the table needs to be structured differently. So we need a column denoting series name id or label. And replace the 2nd column heading which is just the series name with the actual Y axis label.
Ted Gies
shared this idea
·
Hi Torstein, the tables in your examples are ok but need a couple of tweaks. The aria-label on a div container isn't read by assistive technology unless there is some type of role assigned such as role="region". A better approach is to put a summary attribute on the table element. Furthermore, each column heading should have <th scope="col"> and each row heading should have <th scope="row">. I think that when you have multiple line series, the table needs to be structured differently. So we need a column denoting series name id or label. And replace the 2nd column heading which is just the series name with the actual Y axis label.