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.