Distill web monitor format underline style

#Distill web monitor format underline style how to

But if weвЂ™re going to use underlines, we want them to look nice. Or you could keep this long-established visual affordance. You could differentiate them in other ways, such as with a bold font-weight. Color blind users need to be able to discern a link. WCAG do not strictly mandate using underlines for links, but it does recommend them. While this provides a visual cue for the majority of users, it may not be enough to pass WCAG accessibility compliance.Д¬olor is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element. Notably though, the majority of these sites have kept slight variances on the traditional lurid blue color ( #0000EE) thatвЂ™s been the browser default since the beginning of the web. When they removed underlines from their search results page in 2014, Google lead designer Jon Wiley argued that it created a cleaner look. However, plenty of popular websites have ditched underlines: The New York Times, New York Magazine, The Washington Post, Bloomberg, Amazon, Apple, GitHub, Twitter, Wikipedia. The meaning is crystal clear - an underline means a link. ItвЂ™s a universally understood convention. Hyperlinks are the defining feature of the internet and from the internetвЂ™s inception, they have been underlined. That look is mostly associated with supermarket tabloids.Д«ut the web is different. Not convinced? I invite you to find a book, newspaper, or magazine that underlines text. In special situations, like headings, you can also consider using all caps, small caps, or changing the point size. If you feel the urge to underline, use bold or italic instead.

ThatвЂ™s clear in this advice from ButterickвЂ™s вЂњPractical TypographyвЂќ: There are nicer ways to draw emphasis, to establish hierarchy, and to demarcate titles. In graphic design, underlines are generally seen as unsophisticated.

#Distill web monitor format underline style how to

Before we come to how to style underlines, we should answer the question: should we underline?