WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Comparison widgets

for

From: JP Jamous
Date: Apr 17, 2017 7:29AM

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