---
# System prepended metadata

title: Links
tags: [DS DONE]

---

---
tags: DS DONE
---


# Links
Default links allow users to navigate from page to page in the website and give access to informative, non-mandatory content.

Default links are mostly used within paragraphs or chunks of text. 

![](https://i.imgur.com/eHmn8On.jpg)

Text should be consistent with the title of the intended destination.

Use caution with links that are several words long. It is recommended that links are long enough to be understood by the user, but short enough to prevent text wrapping.

Avoid the term “click here,” other links to “here,” or the web address itself. Instead, use a meaningful descriptive label for the link, and match the destination site name.



## States

![](https://i.imgur.com/rHG2QbU.jpg)

1. **Basic**
State visible before click. Label is underlined and its colour differs from default text.

2. **Hover**
State visible when the cursor hovers the link. Underline label is displayed in another colour. Cursor becomes a pointer.

4. **Visited**
State visible only when the link has been clicked. Underline label is displayed in another colour.

5. **Active**
Same as visited state.


