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: Mohith BP
Date: Mar 22, 2021 2:12AM

Hi Birkir,

Thank you for the response.
VoiceOver on Safari with iOS 14.4.1 is nnot announcing the table name
and description in the below example.
Same behavior is seen on TalkBack + Crhome on Android as well.
Is there any way to fix this?
Example:
https://www.w3.org/TR/wai-aria-practices-1.1/examples/table/table.html

Thanks & Regards,
Mohith BP
On 3/16/21, Birkir R. Gunnarsson < <EMAIL REMOVED> > wrote:
> 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.
> > > > >