This article is written as part of our Accessible Web Content series.
Labeling links and buttons correctly is one of the most important things you can do on your website to improve accessibility.
To quickly navigate, those who use screen readers often have the links of a page read out loud in order. If we have correctly written links, they do not encounter 33+ links that are ambiguous and hard to figure out where they go.
Another reason is for voice recognition/control software. If we have links that are incredibly long, have hidden text, conflicting labels, or unique characters, it becomes difficult or impossible for the link to be found.
- Do not use only “learn more” or “read more” as the label.
- Keep labels as short and concise as possible.
- Use only alphanumeric characters and punctuation.
- Avoid repetition, try to keep all links on the page (mostly) unique.
In paragraphs, it’s best to add a link to the relevant piece of text instead of adding generic new text to create a spot to link. We want the link to get to the point straight away, be pretty unique to the page so the destination is clear, and be easy to speak out loud.
- Good: In our exploration, we encountered a panda bear.
- Bad: In our exploration, we encountered a panda bear. Click here to learn about the panda bear.
Buttons are (usually) links too, and should follow the same principles as links. However, we want the labels to be even shorter. Aim for only a few words.
WCAG compliance is not the end-all be-all of accessibility. Even if your website is 100% AAA WCAG compliant, it still won’t be accessible to everybody. That said, it’s a great tool to use to gauge needs and how to move forward.
Relevant WCAG Criterion
For more detailed information straight from the source, visit the following page