WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Using Jquery or CSS to create accessible charts. Is this a real solution for accessibility?


From: Birkir R. Gunnarsson
Date: May 11, 2011 4:15PM

A more longterm goal would be to get all images on web pages into SVG
format (SVT is one of the core technologies of html5). ViewPlus has
done a lot of work interpreting SVG images non-visually or through
tactile interfaces.
Certainly it is stll work in progress, but definitely something to
keep in mind when selecting technologies. SVG, I believe, has good
browser support and works well on most browsers, both on PC and mobile
platforms, though I am not sure that SVG is what you'd call accessible
out of the box form for chart right now.
I'll look more into this and post to this list if I come across ore
accurte info.
Probably not exactly what you're looking for for right now, but I
think it's definitely something to keep in mind.

On 5/11/11, <EMAIL REMOVED> < <EMAIL REMOVED> > wrote:
> PD,
> That actually sounds interesting and brings another question. Is it enough
> to have only an accessible data table available along with the chart?
> In other words, can I assume that by providing the table I am providing a
> "description"?
> Thanks
> Giovanni
> ----- Reply message -----
> From: "Patrick Dunphy" < <EMAIL REMOVED> >
> Date: Wed, May 11, 2011 2:34 pm
> Subject: [WebAIM] Using Jquery or CSS to create accessible charts. Is this a
> real solution for accessibility?
> To: "WebAIM Discussion List" < <EMAIL REMOVED> >
> For a recent project I worked on we required several pie charts on over 300
> pages. Because these pages were generated by a highly customized CMS, HTML5
> and dynamic capabilities weren't really an option.
> We went low-tech & leveraged Google Charts to create these static images.
> To keep the data in an accessible format, we reused the data to create the
> charts to created accessible data tables which we then positioned offscreen
> via CSS.
> Probably not what you're looking for but I'd be interested to hear people's
> thoughts on this usage.
> Thanks!
> -PD
> On Wed, May 11, 2011 at 2:37 PM, Giovanni Duarte < <EMAIL REMOVED> >wrote:
>> Hi,
>> I am wondering if any of the solutions available for creating charts are
>> REALLY accessible. I found a list of Jquery libraries (
>> http://www.instantshift.com/2010/03/09/50-free-resources-for-charts-and-grap
>> hs-solution/ ) and CSS libraries
>> (http://sixrevisions.com/css/css_techniques_charting_data/ ).
>> I have two questions about these solutions:
>> 1. Are these truly accessible? Can a screen reader "understand" the chart?
>> 2. Is an impaired user able to understand the chart by having the screen
>> reader only? Do you think an alternative description is still necessary?
>> What I am trying to determine is if we should invest time and resources
>> to
>> use this type of Jquery libraries or if we should only concentrate on the
>> use of descriptions.
>> Thanks,
>> Giovanni