You’ve gotta use aria-label when there is no discernible label for a link

January 2nd, 2020

I wrapped an element in an <a> tag. That element had text in it, but that content was not directly related to the parent anchor. Google’s Measure tool was dinging my accessibility score because of it. I was able to wipe things clean by adding an aria-label on the anchor.

<a href="/contact" aria-label="My contact form">
  <article>
    <h3>Contact Me</h3>
  </article>
</a>