5.2. Complete non-explicit links and buttons using aria-label

A link or button is non-explicit when the label alone does not suffice to describe its destination or function.

• Link labels, such as “Read More”, “Learn More”, “More Information”, “Discover” are considered as non-explicit by nature.
• So are the “Add”, “Modify”, “Delete” buttons.

In these cases, the aria-label attribute can be used to specify the destination of the link or the function of the button:

1. Add the aria-label attribute to the <a>, <button> or <input /> tag.
2. Populate this attribute by first entering the exact label of the link or button.
3. Then, add the information to make the link or button explicit.

<a href="…" aria-label="Read more: the AcceDe Web project">
   Read more
</a>

Note that a link can be considered as explicit through its context when the surrounding elements can help understand its meaning.

2 comments

Updates

Back to top