E-mail List Archives

Search E-mail List Archives for

Number of posts in this thread: 3 (In chronological order)

From: Mohith BP
Date: Tue, Mar 16 2021 4:42AM
Subject: Thoughts on using role group versus role table for simple sortable data table
No previous message | Next message →

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

From: Birkir R. Gunnarsson
Date: Tue, Mar 16 2021 5:06AM
Subject: Re: Thoughts on using role group versus role table for simple sortable data table
← Previous message | Next message →

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 ADDRESS 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.

From: Mohith BP
Date: Mon, Mar 22 2021 2:12AM
Subject: Re: Thoughts on using role group versus role table for simple sortable data table
← Previous message | No next message

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 ADDRESS 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 ADDRESS 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.
> > > > >