Make sure hyperlinks are easy to recognise for sighted learners.
2.4.4 Link Purpose (In Context) (Level A) covers some of the regulations around hyperlinks, but does not cover making them visually clear.
What can I do?
- Make hyperlinks visually clear to your learners.
- The best way to do this is by using underlining, which is the default in many software packages.
- You could also use colour if you meet colour contrast regulations, but this could still cause problems for colour blind learners.
- You could also use a different font size, but this could still cause problems if the hyperlinks are then confused with a heading style.
- All sighted learners will benefit from being able to easily recognise hyperlinks in your eLearning resource.
- WCAG Guideline 3.1 Readable – Advisory recommendations
Make links visually distinct.
- British Dyslexia Association: Style guide
Ensure hyperlinks look different from headings and normal text.
- Smashing Magazine: Improving accessibility for colour blind users
Aimed at web developers but has some useful examples on hyperlinks which are not visually clear, which could apply to eLearning resources.
Help us to make this page better for everyone in the eLearning community. Contact us with your improvements, examples and suggestions.