5.3. Don’t use the aria-label or title attributes on links and buttons that are already explicit

A link or button is explicit when the label alone sufficiently describes its destination or function.

For example:

The aria-label and title attributes (which make ambiguous links accessible) should not be used if the link text or label are already explicit.

Here are some examples of incorrect use of the aria-label attribute on an <input /> tag:

<input type="submit" value="Confirm Order" aria-label="" />
<input type="submit" value="Confirm Order" aria-label="Confirm Order" />

And here are some examples of incorrect use of the title attribute on an <a> tag:

<a href="…" title="">AcceDe Web project</a>
<a href="…" title="AcceDe Web project">AcceDe Web project</a>
<a href="…" title="AcceDe Web">AcceDe Web project</a>

Comments

Add a comment

Required fields are marked *.

Back to top