E-mail List Archives

Search E-mail List Archives for

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

From: ALISTAIR DUGGIN
Date: Tue, Jul 10 2012 10:01AM
Subject: how to hide SVG content - aria-hidden?
No previous message | Next message →

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

From: Stella Mudd
Date: Tue, Jul 10 2012 6:24PM
Subject: Re: how to hide SVG content - aria-hidden?
← Previous message | No next message

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