WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: decorative SVGs

for

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

From: Sonja Weckenmann
Date: Sun, Jun 18 2017 10:25AM
Subject: decorative SVGs
No previous message | Next message →

Hello,

I wonder whether a decorative inline-SVG should have an
aria-hidden="true" or role="presentation"? What would be the equivalent
to a null alt attribut.

I'm not sure, if there are such use cases for decorative inline-SVGs at
all...

Thanks al lot, S.

From:
Date: Sun, Jun 18 2017 11:06AM
Subject: Re: decorative SVGs
← Previous message | No next message

On 18/06/2017 17:25, Sonja Weckenmann wrote:
> I wonder whether a decorative inline-SVG should have an
> aria-hidden="true" or role="presentation"? What would be the equivalent
> to a null alt attribut.

Use aria-hidden="true" to hide the SVG from ATs. The presentation role
will hide the svg element from the accessibility tree, but not its content.

>
> I'm not sure, if there are such use cases for decorative inline-SVGs at
> all...

SVG scales without losing visual quality, so it's a good format to use
if the image needs to respond to a responsive design and/or zoom.


--
@LeonieWatson @ = EMAIL ADDRESS REMOVED = tink.uk Carpe diem