WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Glyphicons and aria-label or alt=


From: Patrick H. Lauke
Date: Aug 14, 2020 8:39AM

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.
> > > >