Labeling Icon-Only Links

A response to “Accessible SVG Icons” on CSS-Tricks.

Note

Message thread

Barry wrote on

Is there any difference between:
<a href="/" aria-label="Good Label"><svg aria-hidden="true" … ></svg></a>
and
<a href="/"><svg aria-label="Good Label" role="img" … ></svg></a>

And why not use <title> in this case?

Join the conversation

Simply share this thread on Twitter/X.