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.
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf
> Of Karl Brown
> Sent: Monday, April 17, 2017 7:30 AM
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: [WebAIM] Comparison widgets
>
> Hi,
>
> I'm starting learning JavaScript and wanted to write a price comparison
> tool.
>
> I want to make sure it's accessible, but the ones I see all look like divs.
> I was wondering whether people think that using a table would be more
> accessible? It's probably harder for me to code in JavaScript but that's why
> I'm trying to learn it.
>
> --
> Karl Brown
> Twitter: @kbdevelops
> Skype: kbdevelopment
>
> Professional Certificate Web Accessibility Compliance (Distinction),
> University of South Australia, 2015
> > > http://webaim.org/discussion/archives
> >
> > > > >


--
Work hard. Have fun. Make history.