/ ACCESSIBILITY, FRONT-END

How to add accessibility label in a tag in HTML?

Question

My code is below:

<li id="id_name" class="class_names"><a href="http://linktothepage.com/page" aria-label="TITLE OF MY PAGE">TITLE OF MY PAGE</a></li>

I added aria-label in the <a> tag, but it doesn’t work with screen reader software.

What should I do?

Answer

aria-label sometimes doesn’t work with JAWS in Windows PC. Need to use title in <a> tag instead.

The solution is:

<li id="id_name" class="class_names"><a href="http://linktothepage.com/page" title="TITLE OF MY PAGE">TITLE OF MY PAGE</a></li>

Reference


This is the end of post