WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Comparison widgets

for

From: Birkir R. Gunnarsson
Date: Apr 17, 2017 7:35AM

Karl

Maybe you can create a table where users can click the column header
to sort the columns.
You can start with the Deque University example:
https://dequeuniversity.com/library/aria/tables/sf-sortable-grid



On 4/17/17, JP Jamous < <EMAIL REMOVED> > wrote:
> Karl,
>
> Definitely a table. If you have a Div for me and I used a screen reader, how
> am I supposed to compare its value with that of its sibling? The only way is
> to down arrow through the page.
>
> However, if you make a table with scope="col" and scope="row", then I can
> hear the column or row heading plus the value. Now, I can map out that table
> in my head and compare a WD 1TB hard drive with a Seagate 1TB hard drive
> with similar features.
>
> You can do it in JavaScript, but you will need lots of coding and aria all
> over the place. Why do that when the solution is much easier? Plus, too much
> aria can be counter-productive as it can crash screen readers and browsers
> like JAWS and IE.
>
>