What is the best practice for styling links, when considering mobile and tablet UX?

1. Should links be underlined on mobile?
2. Should links be underlined for accessibility?
3. What is the best color for hyperlinks?
4. Should hyperlinks be bold?
5. What makes a list of links easier to scan?

Should links be underlined on mobile?

Not To Underline

Studies have shown that using underlines should be avoided; this is more apparent when the content shown is comprehensible and easily recognisable. For example, if you have a list of many links, each one being underlined could confuse the user and potentially hinder what they want to find quickly.

Should links be underlined for accessibility?

Best practice is to underline all links in content. However, if your links are not underlined, web accessibility guidelines (WCAG 2.0) require link text be discernable from body text by at least a 3:1 contrast ratio.

What is the best color for hyperlinks?

Shades of blue provide the strongest signal for links, but other colors work almost as well. As always, when using color to signal information, you should provide redundant cues for color-blind users. Making unvisited links brighter and more luminous than visited links will usually accomplish this goal.

Should hyperlinks be bold?

The problem with making links bold is that they look like strongly emphasised text. This means visitors will be: less likely interact with them, not realising they're links. confused if they inadvertently press one, having thought it was emphasised text, not a link.

What makes a list of links easier to scan?

Not only that, they're hard to scan because there's no visual stopping point for each link. The way to make a list of links easy to scan is to bullet them.