WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: [External Sender] SVG accessibility

for

From: Sandy Feldman
Date: Jul 15, 2020 7:46AM

hey Graham,

I've got a test page up there too! I wonder how many of them are out
there? And is there a definitive one, that's been really thoroughly tested?

https://sandyfeldman.com/svga11y/

A friend has tested these using JAWS. If anyone has a moment to check
these with other screen readers I would love the feedback. Or a link to
the one that is really credible.

I have added role="img" to the SVGs on the project I am working on
(thank you Mallory!). I have to say that they don't look like they are
doing anything, but now that I know, there they are.

It's just wonderful to be able to get the help and feedback that's
available through this list.

--
Sandy
sandyfeldman.com



On 2020-07-15 8:03 a.m., Graham Armfield wrote:
> Re whether role="img" is required...
>
> Some time ago I created a test page that has two SVG images in it that
> are pulled from SVG files using the <img> element. They both have an
> alt attribute set, but only one has role="img".
>
> I've just tried using Voiceover on an iPhone 8 on iOS 13.3 and it
> completely ignores the image without the role="img".
>
> On my Android phone both images are announced by Talkback.
>
> The test page is at
> https://research.coolfields.co.uk/svg/svg-file-alt.html
>
> I don't have access to a mac at the moment, so it would be useful to
> see if there is any difference.
>
> Regards
> Graham Armfield
> coolfields.co.uk <http://www.coolfields.co.uk/>;
>