Search code examples
jqueryhtmlweb-applications

Web Accessibility - empty links


As part of the accessibility assessment of our site, some empty links are being picked up as an issue

The links are calendar icons against date-pickers (the site is ASP.NET MVC/Razor using jQuery)

<a href='#' class="icon-calendar"></a>

What is the best solution to make these items accessibility compliant?

Should we add an alt attribute or add some hidden text within the link? <span class="hidden">Calendar icon</span>

Thanks


Solution

  • I think you should use aria-label attribute to describe these links.