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 and/or the context suffice to describe its destination or function.
For example:
- The link “AcceDe Web Project” is explicit by nature.
- So is a button labelled “Confirm Order”.
The aria-label
and title
attributes (which can be used to make non-explicit links accessible) must not be used for this type of link.
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="Validate 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">AcceDe Web project</a>