WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Glyphicons and aria-label or alt=

for

From: Birkir R. Gunnarsson
Date: Aug 14, 2020 12:30PM

Yeap, an element with a gliph icon must have role="img" to identify it
as an image and aria-label="alt text" for the alt text.
The alt attribute is only valid on <img> elements (or, for those of us
who remember olden times, for <area> elements, I think for <object>
elements as well, but nothing else).
If you put aria-label on an element without a pre-determined role,
like a div or a span, screen readers don't know how to treat it, is it
a button, a group, an image, a landmark, something else? Should it
override the text inside the element or not (it should if the element
is a link or a button or an image, but not if it is a landmark region
or grouping element?
The ARIA spec should not allow aria-label, aria-labelledby or
aria-describedby on elements without a role, somthing I've said for
years (#minirant), hope it will get fixed one of these days.

On 8/14/20, Farough, David (CFP/PSC) < <EMAIL REMOVED> > wrote:
> Thanks so much Patrick! That did the trick.
> Our developers have made the change and it works perfectly ucing both Jaws
> and NVDA using IE11, Chrome, Firefox and Microsoft Edge.
> This made my day.
>
>