When it comes to links, visibility is essential. A user has to know what a link is in different contexts. One of the contexts is a body copy, a block of text where:
- The link must have a 3 : 1 contrast ratio to its surrounding body text.
- The link must have a 4.5 : 1 contrast ratio to its background.
- Its
hover
andfocus
state must have an additional visual indicator, typically underlined.
Although - right now - we do not necessarily have to underline a body copy text link as a default state (if it has a sufficient contrast), it is still the best option out there to mark it. Reducing the cognitive load is good for usability, and an underlined link will always stand out in its context. It is a default behavior; we should try not to remove it.