WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: DataTables accessibility

for

Number of posts in this thread: 5 (In chronological order)

From: Ritz, Courtney L. (GSFC-7500)
Date: Tue, Mar 19 2013 2:40PM
Subject: DataTables accessibility
No previous message | Next message →

Greetings all,

Apologies if this has been discussed before on the list, I did a quick check but didn't see anything.

I was asked to test a Web application developed within my organization. It contains data grids using a jQuery table plug-in from www.datatables.net<;http://www.datatables.net>;.
So far, I've found that the column headers are all in one table and the actual content is in another, which means that the headers are not being associated with the cells. Has anyone here had experience with the DataTables plug-in, and can it be made accessible or Section 508 compliant?

Thanks.

Courtney

From: James Nurthen
Date: Tue, Mar 19 2013 3:15PM
Subject: Re: DataTables accessibility
← Previous message | Next message →

t

On Tue, Mar 19, 2013 at 1:40 PM, Ritz, Courtney L. (GSFC-7500) <
= EMAIL ADDRESS REMOVED = > wrote:

> Greetings all,
>
> Apologies if this has been discussed before on the list, I did a quick
> check but didn't see anything.
>
> I was asked to test a Web application developed within my organization.
> It contains data grids using a jQuery table plug-in from
> www.datatables.net<;http://www.datatables.net>;.
> So far, I've found that the column headers are all in one table and the
> actual content is in another, which means that the headers are not being
> associated with the cells. Has anyone here had experience with the
> DataTables plug-in, and can it be made accessible or Section 508 compliant?
>
> Thanks.
>
> Courtney
> > > >

From: James Nurthen
Date: Tue, Mar 19 2013 3:19PM
Subject: Re: DataTables accessibility
← Previous message | Next message →

Sorry about the previous mail. Gmail went crazy on me....

What version of datatables are you using. According to their release
notes<http://datatables.net/new/1.9>;v1.9 provides
"*Accessibility*:
Zero configuration
table<http://datatables.net/beta/1.9/examples/basic_init/zero_config.html>;
DataTables tables are now fully accessible and controllable by keyboard
navigation and suitable markup and WAI-ARIA attributes are used for
screenreaders. This works "out of the box" with no configuration required.
To try it out, load any 1.9 example and press the tab key to navigate
through the table controls. Note that this accessibility work as required
updating the pagination elements. Please see the upgrade
notes<http://datatables.net/upgrade/1.9>;
for further information."

I haven't thoroughly tested anything - and at a quick look they are using
some roles I don't fully agree with to make the table a live region, but
they do claim to support accessibility.

Regards,
James


On Tue, Mar 19, 2013 at 2:15 PM, James Nurthen < = EMAIL ADDRESS REMOVED = > wrote:

> t
>
>
> On Tue, Mar 19, 2013 at 1:40 PM, Ritz, Courtney L. (GSFC-7500) <
> = EMAIL ADDRESS REMOVED = > wrote:
>
>> Greetings all,
>>
>> Apologies if this has been discussed before on the list, I did a quick
>> check but didn't see anything.
>>
>> I was asked to test a Web application developed within my organization.
>> It contains data grids using a jQuery table plug-in from
>> www.datatables.net<;http://www.datatables.net>;.
>> So far, I've found that the column headers are all in one table and the
>> actual content is in another, which means that the headers are not being
>> associated with the cells. Has anyone here had experience with the
>> DataTables plug-in, and can it be made accessible or Section 508 compliant?
>>
>> Thanks.
>>
>> Courtney
>> >> >> >>
>
>

From: Nancy Johnson
Date: Wed, Mar 20 2013 9:28AM
Subject: Re: DataTables accessibility
← Previous message | Next message →

We are using this in 3 places.

I didn't have any problems with my screen reader testing. It uses WAI ARIA.
I have one with sorting column activated, and two just tables.

At one point I had scrollbars enabled and that is the one I saw that
produced two tables as you describe. Sorting does not produce two
tables.

I decided against using their jquery solution for scrollbars for
reasons that had nothing to do with accessibility.

I couldn't control the formatting enough across all the browsers that
we support. Also, our power users wanted to print all the data and I
couldn't figure out how to remove the scroll bars for print.

Nancy Johnson


On Tue, Mar 19, 2013 at 5:19 PM, James Nurthen < = EMAIL ADDRESS REMOVED = > wrote:
> Sorry about the previous mail. Gmail went crazy on me....
>
> What version of datatables are you using. According to their release
> notes<http://datatables.net/new/1.9>;v1.9 provides
> "*Accessibility*:
> Zero configuration
> table<http://datatables.net/beta/1.9/examples/basic_init/zero_config.html>;
> DataTables tables are now fully accessible and controllable by keyboard
> navigation and suitable markup and WAI-ARIA attributes are used for
> screenreaders. This works "out of the box" with no configuration required.
> To try it out, load any 1.9 example and press the tab key to navigate
> through the table controls. Note that this accessibility work as required
> updating the pagination elements. Please see the upgrade
> notes<http://datatables.net/upgrade/1.9>;
> for further information."
>
> I haven't thoroughly tested anything - and at a quick look they are using
> some roles I don't fully agree with to make the table a live region, but
> they do claim to support accessibility.
>
> Regards,
> James
>
>
> On Tue, Mar 19, 2013 at 2:15 PM, James Nurthen < = EMAIL ADDRESS REMOVED = > wrote:
>
>> t
>>
>>
>> On Tue, Mar 19, 2013 at 1:40 PM, Ritz, Courtney L. (GSFC-7500) <
>> = EMAIL ADDRESS REMOVED = > wrote:
>>
>>> Greetings all,
>>>
>>> Apologies if this has been discussed before on the list, I did a quick
>>> check but didn't see anything.
>>>
>>> I was asked to test a Web application developed within my organization.
>>> It contains data grids using a jQuery table plug-in from
>>> www.datatables.net<;http://www.datatables.net>;.
>>> So far, I've found that the column headers are all in one table and the
>>> actual content is in another, which means that the headers are not being
>>> associated with the cells. Has anyone here had experience with the
>>> DataTables plug-in, and can it be made accessible or Section 508 compliant?
>>>
>>> Thanks.
>>>
>>> Courtney
>>> >>> >>> >>>
>>
>>
> > >

From: Ritz, Courtney L. (GSFC-7500)
Date: Wed, Mar 20 2013 9:48AM
Subject: Re: DataTables accessibility
← Previous message | No next message

Thanks. I think they're using V1.9, but I need to make sure.

Courtney

-----Original Message-----
From: = EMAIL ADDRESS REMOVED = [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of James Nurthen
Sent: Tuesday, March 19, 2013 5:19 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] DataTables accessibility

Sorry about the previous mail. Gmail went crazy on me....

What version of datatables are you using. According to their release
notes<http://datatables.net/new/1.9>;v1.9 provides
"*Accessibility*:
Zero configuration
table<http://datatables.net/beta/1.9/examples/basic_init/zero_config.html>;
DataTables tables are now fully accessible and controllable by keyboard navigation and suitable markup and WAI-ARIA attributes are used for screenreaders. This works "out of the box" with no configuration required.
To try it out, load any 1.9 example and press the tab key to navigate through the table controls. Note that this accessibility work as required updating the pagination elements. Please see the upgrade notes<http://datatables.net/upgrade/1.9>;
for further information."

I haven't thoroughly tested anything - and at a quick look they are using some roles I don't fully agree with to make the table a live region, but they do claim to support accessibility.

Regards,
James


On Tue, Mar 19, 2013 at 2:15 PM, James Nurthen < = EMAIL ADDRESS REMOVED = > wrote:

> t
>
>
> On Tue, Mar 19, 2013 at 1:40 PM, Ritz, Courtney L. (GSFC-7500) <
> = EMAIL ADDRESS REMOVED = > wrote:
>
>> Greetings all,
>>
>> Apologies if this has been discussed before on the list, I did a
>> quick check but didn't see anything.
>>
>> I was asked to test a Web application developed within my organization.
>> It contains data grids using a jQuery table plug-in from
>> www.datatables.net<;http://www.datatables.net>;.
>> So far, I've found that the column headers are all in one table and
>> the actual content is in another, which means that the headers are
>> not being associated with the cells. Has anyone here had experience
>> with the DataTables plug-in, and can it be made accessible or Section 508 compliant?
>>
>> Thanks.
>>
>> Courtney
>> >> >> list messages to = EMAIL ADDRESS REMOVED =
>>
>
>