WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: [External Sender] SVG accessibility

for

From: Sandy Feldman
Date: Jul 15, 2020 2:01PM


It does! Thank you very much for taking the time to look at this.

Sandy

On 2020-07-15 3:01 p.m., Tyler Shepard wrote:
> I took a look at the website using NVDA not the code so I am not sure if
> this is helpful but the image graphics for "twitter "youtube "facebook" are
> understandable ie I know they go to Youtube or Facebook. Does this help?
>
> On Mon, Jul 6, 2020 at 7:30 AM Brian Lovely via WebAIM-Forum <
> <EMAIL REMOVED> > wrote:
>
>> You need a link with perceivable text, like <a href="path/to">Social
>> Media</a>
>>
>> An SVG with no text or title children will not announce, so you could
>> provide the link with a child SVG that has a child title.
>>
>> <a href="path/to"><svg><title>Social Media</title></svg></a>
>>
>> Alternately, you could convert the SVG to an img
>>
>> <a href="path/to"><svg role="img" aria-label="Social Media"></svg></a>
>>
>>
>> Note that an ARIA img does not support the alt attribute, so you have to
>> substitute aria-label
>>
>>
>> On Mon, Jul 6, 2020 at 10:24 AM Sandy Feldman < <EMAIL REMOVED> >
>> 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://urldefense.com/v3/__https://dev.imagemd.org/__;!!EFVe01R3CjU!Jqzfw49bk9Zgkev-pe-EqsQqhydr0ivaAzWdSlf85Np8nT1Nv34KBAOKAtCi4s6A_m3syw$
>>> 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
>>>
>>> >>> >>>
>> https://urldefense.com/v3/__http://list.webaim.org/__;!!EFVe01R3CjU!Jqzfw49bk9Zgkev-pe-EqsQqhydr0ivaAzWdSlf85Np8nT1Nv34KBAOKAtCi4s7bixKSqg$
>>> List archives at
>>>
>> https://urldefense.com/v3/__http://webaim.org/discussion/archives__;!!EFVe01R3CjU!Jqzfw49bk9Zgkev-pe-EqsQqhydr0ivaAzWdSlf85Np8nT1Nv34KBAOKAtCi4s4p4BHV4w$
>>> >>>
>>
>> --
>> *Brian Lovely*
>> Capital One Digital Accessibility
>> 804.389.1064
>>
>> >>
>>
>>
>> The information contained in this e-mail is confidential and/or
>> proprietary to Capital One and/or its affiliates and may only be used
>> solely in performance of work or services for Capital One. The information
>> transmitted herewith is intended only for use by the individual or entity
>> to which it is addressed. If the reader of this message is not the intended
>> recipient, you are hereby notified that any review, retransmission,
>> dissemination, distribution, copying or other use of, or taking of any
>> action in reliance upon this information is strictly prohibited. If you
>> have received this communication in error, please contact the sender and
>> delete the material from your computer.
>>
>>
>>
>> >> >> >> >>
> > > > --
Sandy
sandyfeldman.com