A text link is a navigational element that is usually found within a section of text.
Example
Design Considerations
Text links use a lighter red and underline style to help call attention that the text is a link when used within a paragraph, making it more accessible to users.
To maintain accessibility standards, when text links are used on top of a dark colored background, the text color will change to white.
Best Practices
- Text links are used primarily for navigation rather than an action.
- Text links can be used within a paragraph or as standalone text
HTML
<a href="https://live-webdesign-washu.pantheonsite.io/">WashU Web Design System</a>CSS
a {
color: #d01c29;
text-decoration: underline;
}
a:hover,
a:focus,
a:active {
color: #a51417;
text-decoration: underline;
}