WebAIM - Web Accessibility In Mind

E-mail List Archives

how to hide SVG content - aria-hidden?

for

From: ALISTAIR DUGGIN
Date: Jul 10, 2012 10:01AM

Hi,

I'm working on a project where we are using a javascript library called Highcharts to progressively enhance a table to provide a visual and interactive representation of the data in SVG.

Text in the SVG is being read by a screen reader but does not make any sense when you can't see the graphics. The table is hidden my moving it off the screen so is available to screen readers.

What's the best way to hide the SVG from screenreaders as just having the table available to screen readers would be a better user experience?  Is
aria-hidden=true the best solution even though support for it is still
limited?

Thanks,
Alistair