WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Thoughts on using role group versus role table for simple sortable data table

for

From: Birkir R. Gunnarsson
Date: Mar 16, 2021 5:06AM

Yeap, support for role="table" was pretty good even when I wrote an
ARIA 1.1 article back in 2019 and tested.
We've implemented a good deal of sortable tables and always use either
just the <table> element or or role="table" (I think you need that on
Angular whoe tables have role="grid" out of the box).
Simply code the column headers as buttons and use aria-sort on the
<th> cells to indicate which column is the active sort and the sorting
direction.
<th aria-sorted="ascending"><button>Name</button></th>
(or replace <th> with <div role="columnheader">).

On 3/16/21, Mohith BP < <EMAIL REMOVED> > wrote:
> Hi All,
>
> I remember there were some issues with the role='table' with browser /
> screen reader combinations.
> I have verified with the latest NVDA 2020.4 and JAWS 2021 Feb update
> with Latest Chrome, Firefox and Edge.
> The support is consistent.
>
> Is it safe to assume role='table' can be used instead of role='grid?
> Are there any known issues with the role='table' on mobile screen
> readers? significant
>
> Example Implementation can be found on:
> https://www.w3.org/TR/wai-aria-practices-1.1/examples/table/table.html
>
> Note: I am aware that the role='grid' is used for interactive grid not
> for the data table. However, in various accessibility remediation
> projects HTML <table> could not implemented as many projects used some
> sort of libraries which developers did not have much control. This
> prompted many to use role='grid' to provide semantic information to
> the data table.
>
>
> Thanks & Regards,
> Mohith BP
> > > > >


--
Work hard. Have fun. Make history.