WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: SVG accessibility

for

From: Sandy Feldman
Date: Jul 6, 2020 9:23AM

Léonie, Brian,

Here we are!

The client wrote, "It still didn't work so I went into Jaws settings and
told it to show 'all graphical links'".

thanks again for taking the time to help sort this out.

with gratitude and best regards,

Sandy



On 2020-07-06 10:35 a.m., Léonie Watson wrote:
> 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! >> > --
Sandy
sandyfeldman.com