WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Comparison widgets

for

From: Karl Brown
Date: Apr 18, 2017 3:58AM

Thanks, everyone.

I've been thinking it was time to learn how to do some JavaScript for a
while, this kind of functionality should give me an excuse to learn and to
make sure I'm building something accessible at the same time. If I can get
it right, not only will I have learnt something new (new skills are always
a plus), but I'll have something that could go live with minimal effort.

Thanks again!

On Mon, Apr 17, 2017 at 2:35 PM, Birkir R. Gunnarsson <
<EMAIL REMOVED> > wrote:

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