Link
A link (or hyperlink) is text that directly takes users to another site by clicking on it. Internal links lead to another part of the same site, while external links that lead to an external site.
Overview
Keyboard interactions
Users should be able to use tab
to navigate between links and to activate a link by pressing Enter
.
Users should be able to activate hover and focus states with both a mouse and a keyboard.
No annotations for keyboard interactions are needed. All links are in the tab order, and activated with standard keys. Where links are not persistently underlined, they receive an underline on focus.
Contrast
Link text color meets the minimum contrast requirement of 4.5:1 with its background. We also use a link color that contrast 3:1 against body text, so that link text is distinguishable even without an underline.