WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: SVG accessibility

for

From:
Date: Jul 6, 2020 8:35AM


The links do seem work in Chrome (and other Chromium browsers) with Jaws
2020, and there is nothing in the code to suggest that they should not.
It may therefore be a problem with the version of Jaws being used, or a
glitch in that particular setup.

Other than this, the fact that the file being pulled into the <img>
element is an SVG file does not really matter. You've done the right
thing by giving the <img> element an alt attribute, and that is
essentially all that should be needed.

You do not need to add role="img" to the <img> element though. The <img>
element already has a role of image, so adding the role explicitly
doesn't do anything except add code you don't need.

HTH
Léonie.



On 06/07/2020 15:24, Sandy Feldman wrote:
> hey all,
>
> I hope you can help with SVG accessibility. I am working on a site that
> includes an ARIA region labelled "connect with us".
>
> https://dev.imagemd.org/
>
> The first three links in that region are SVG files, linking to social
> media.
>
> These work for me using VoiceOver and chrome. They work for the client
> using JAWS and FireFox. They don't work using JAWS and chrome.
>
> They are in the page as images with alt tags. I tried adding titles to
> each of the SVG files, and the client says that it didn't help. Then I
> added role="img" to the link in the page. No difference either. I have
> pasted part the client's email at the end.
>
> What am I missing?
>
> Thank you all for your expertise and helpfulness!
>
> Sandy
>
>
> Michael wrote:
>
> Something strange going on with the main page links with Chrome.  They
> work fine with Firefox.  When I go down the screen with Chrome I hear.
>
> Connect with us navigation region
>
> List of five items
>
> Blank
>
> Blank
>
> Blank
>
> Link get email updates
>
> Link donate now
>
> List end
>
> Connect with us navigation region end
>
> Interestingly, although my speech couldn't see it, when I tried to copy
> and paste that portion of the website into this email I got what is below.
>
> FaceBookTwitterYouTube
>
> Get email updates
>
> Donate now!
>

--
Director @TetraLogical
https://tetralogical.com