Confusion caused underlined text on a web page

Confusion caused underlined text on a web page cover image
  1. Home
  2. Web Design
  3. Confusion caused underlined text on a web page

During my aimless wanderings on the Internet, I have come across several sites that have underlined text, something like this little phrase of text.

Makes you take your mouse cursor over it, doesn’t it?
But the pointer doesn’t turn into a hand and you realize it’s not a link… frustrating… The worst scenario is when the web page contains both underlined (normal) text and underlined links and that too in the same color! So you start searching for links by moving mouse around recklessly (destroys two days of your mouse life).

What do you learn from this?

NEVER underline text that does not carry a link!
If I had my say, I would kill the <u> tag. It serves little purpose since developers have other options through which they can emphasize text.

If you want to highlight some text, use the alternatives to underlining. Here are some of them

My advice: do not put underlines on normal text and confuse visitors 🙂

Web Design