WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Screenreader Combo Failing aria-labelledby

for

From: Patrick H. Lauke
Date: May 5, 2021 2:01AM

On 05/05/2021 05:38, Cleboski, Kelsie E wrote:
> Hello all,
>
> I'm working with a vendor to address an issue with missing alt text on images (SVGs) in a website template, and I have manually tested two possible solutions that use ARIA.
>
> One uses aria-label, while the other uses aria-labelledby and refers to a title in the SVG file for the alternative text.
>
> For the aria-label technique, the text read as desired in all the combos I have been able to test (With NVDA+Chrome, +Firefox, +Edge; and With VoiceOver+Chrome, +Firefox, +Safari)
>
> With aria-labelledby, NVDA read as desired with Chrome, Firefox, and Edge. However, Voiceover succeeded with Chrome, but ignored the alternative text with Firefox and Safari.
>
> From what I can tell, both the failed browsers should be compatible with the aria-labelledby technique.
>
> Where else should I look to try to pinpoint the problem?

Are you using the SVGs as actual embedded/inline <svg> blocks? Have you
given the element an explicit role="img"? i.e. <svg role="img"
aria-label="Something" ...> ... </svg>

P
--
Patrick H. Lauke

https://www.splintered.co.uk/ | https://github.com/patrickhlauke
https://flickr.com/photos/redux/ | https://www.deviantart.com/redux
twitter: @patrick_h_lauke | skype: patrick_h_lauke