WebAIM - Web Accessibility In Mind

E-mail List Archives

Screenreader Combo Failing aria-labelledby

for

From: Cleboski, Kelsie E
Date: May 4, 2021 10:38PM

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?

Thank you!

Kelsie Cleboski, MFA

She/her

Coordinator, Web Communications

Marketing & Communications

Bayou Building 2519



University of Houston-Clear Lake

2700 Bay Area Blvd. | Houston, Texas 77058

o: 281.283.2025

<EMAIL REMOVED> <mailto: <EMAIL REMOVED> > | uhcl.edu<mailto:http://www.uhcl.edu>;

Connect with us: Facebook<https://www.facebook.com/UHClearLake> | Twitter<https://twitter.com/UHClearLake> | LinkedIn<https://www.linkedin.com/school/university-of-houston-clear-lake/>


Please Note: During current remote work and social distancing, email is the best way to reach me.