Hi Adam, Looking at the Histogram example page[1], there's a div in there that looks like this:
<div style="position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;" aria-label="A tabular representation of the data in the chart."><table><tbody><tr><th>Dinosaur</th><th>Length</th></tr> <tr><td>Acrocanthosaurus (top-spined lizard)</td><td>12.2</td></tr> ... </tbody></table></div> I tested in both Chrome and Firefox, without any SR enabled, so I would hope that JAWS would pick that up, not sure why it wouldn't be read. [1] https://google-developers.appspot.com/chart/interactive/docs/gallery/histogram_54adeef75ab49642cd2dc2b24f0f5eb0.frame?hl=en -- Jimbo On Monday, December 22, 2014 3:42:35 PM UTC-5, Adam Dubinsky wrote: > > Hi Daniel, > > It looks like one of our QA people used JAWS to test the page I made that > included a chart, but JAWS didn't present the tabular data. > > Do you happen to know if there are any browser restrictions (e.g., Chrome > only) or Reader restrictions (Google screen reader vs. JAWS)? > > I'll try to get more info from QA. Any updated information on screen > reader compatibility would help. > > Thanks! > Adam > > On Monday, November 17, 2014 1:21:29 PM UTC-8, Daniel LaLiberte wrote: >> >> Adam, >> >> I'm glad you spoke up about the new accessibility feature, which is still >> undocumented. Basically, when you draw a chart, the accessibility table >> for the chart is also generated and embedded in the page invisibly. It is >> in a div after the svg, and has an attribute aria-label="A tabular >> representation of the data in the chart." >> >> Hope that helps. Let us know if this doesn't meet your needs. >> >> On Mon, Nov 17, 2014 at 4:02 PM, Adam Dubinsky <[email protected]> >> wrote: >> >>> Hi there! >>> >>> I am trying to update a webpage to make a chart accessible. The chart >>> has a lot of data, so describing it all in alt text isn't feasible. So, I >>> would like to create an accessible table for screen readers so that >>> visually impaired users can access the date displayed in the chart. >>> >>> Alas, I'm not a programmer/developer; I have minimal javaScript (but my >>> markup and CSS is pretty good!). So I've been plucking code from the Google >>> Charts samples and fiddling. I have created the chart I want, and I have >>> also added a table pulling from the same data: >>> >>> chart.draw(data, options); >>> >>> table.draw(data, {showRowNumber:false}); >>> >>> The table shows up, and I can always position it off-screen. However, >>> >>> The October 6, 2014 release notes say: >>> >>> - Accessibility >>> - Adding table with data for screen readers. >>> - Fix for text with auras. >>> - More accessibility fixes/tweaks. >>> >>> So I wanted to see if there's any more information on that. Is drawing a >>> table from the same data the way to go, or is there some specific function >>> for creating an accessible table that screen readers will access when >>> encountering the chart? >>> >>> (Apologies for being such a novice. Any guidance would help!) >>> >>> Thanks, >>> Adam >>> >>> -- >>> You received this message because you are subscribed to the Google >>> Groups "Google Visualization API" group. >>> To unsubscribe from this group and stop receiving emails from it, send >>> an email to [email protected]. >>> To post to this group, send email to [email protected]. >>> Visit this group at >>> http://groups.google.com/group/google-visualization-api. >>> For more options, visit https://groups.google.com/d/optout. >>> >> >> >> >> -- >> Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> >> - 978-394-1058 >> [email protected] 5CC, Cambridge MA >> [email protected] 9 Juniper Ridge Road, Acton MA >> > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout.
