Skip to content

Settings and activity

1 result found

  1. 3 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    You have left! (?) (thinking…)
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
    An error occurred while saving the comment
    Ted Gies commented  · 

    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  ·