screen readers

NVDA not reading aria-label in span - what is the alternative?  #angularjs #reactjs

  • Stack Overflow works best with JavaScript enabled
  • Browse other questions tagged screen-readers nvda or ask your own question .
  • sign up log in tour help
  • you can use aria-labelledby=”mytexttoberead” as an attribute
  • I am fairly new to accessibility issues and I am trying to have the aria-label read in NVDA.

The label cannot be read on NVDA on Windows and I have found out that it is not consistently succesful if the element is inside div or span:

@ng_real_ninja: NVDA not reading aria-label in span – what is the alternative? #angularjs #reactjs

I am fairly new to accessibility issues and I am trying to have the aria-label read in NVDA.

This is my HTML:

The label cannot be read on NVDA on Windows and I have found out that it is not consistently succesful if the element is inside div or span:

What are the alternatives? Can you help?

Thanks,

Regards,

P.

EDIT:

I have done some re-work and I managed to have the aria label only partially working as it now reads “tl;dr”. This has been tested on Windows 7 with Chrome 54, IE 11 and Firefox 49, all presenting the same issue. Here the reworked code:

Can you help?

add a css for the class “hidemefromUsers” so it wont be visible to the end users, only the screen reader will be aware of its existence.

Is there a limit to the number of nested ‘for’ loops?

screen readers