WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: decorative SVGs


Date: Jun 18, 2017 11:06AM

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 REMOVED> tink.uk Carpe diem