WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Glyphicons and aria-label or alt=


From: Farough, David (CFP/PSC)
Date: Aug 14, 2020 10:35AM

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.

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Patrick H. Lauke
Sent: Friday, August 14, 2020 10:40 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Glyphicons and aria-label or alt
if it's just using a span or <i> element or similar, aria-label will generally not be announced. add role="img" to it. alt is not valid attribute in those situations.

> On 14 Aug 2020, at 15:08, Farough, David (CFP/PSC) < <EMAIL REMOVED> > wrote:
> Good morning;
> I have been testing a single page app which uses glyphicons.
> The application requires a user to answer several questions and provides a score at the end.
> Possible values are low, medium Medium high and High.
> A glyphicon appears before your score and aria-label was used to label it as "your score".
> I noticed that Jaws was not speaking the label, so I suggested using alt="your score" instead.
> This did not work either.
> This does work with NVDA for both methods.
> With Jaws this worked best using IE11.
> Chrome and Firefox did not work.
> Am I missing something, or is this a Jaws bug?
> Thanks for any suggestions or information on how best to use Glyphicons accessibly.
> > > >