WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: how to hide SVG content - aria-hidden?

for

From: Stella Mudd
Date: Jul 10, 2012 6:24PM

Interesting question. Have you tried adding role="presentation" to the SVG
element?

On Tuesday, July 10, 2012, ALISTAIR DUGGIN wrote:

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