The importance of blue is relevant when defining CSS styles for link colors. As Jakob emphasizes:

Textual links should be colored and underlined to achieve the best perceived affordance of clickability (With a few exceptions)

He has an extense article about this but my personal opinion is that you need to recognize the clickable areas for a correct navigation.

In this blog I’m going to write about many facts related to Internet and Technology and one of them that is very important this days is Usability.
As Jakob Nielsen defines in his book Prioritizing Web Usability:

Usability is a quality attribute relating to how easy something is to use. It refers to how quickly people can learn to use something.

Working for the web usability is esential because if the user can’t use your interface he will leave your site or get frustrated. In this blog entry, I will talk about labels, that tiny piece of code that helps to reduce the amount of kilometers we do with our mouse in a daily basis.

As Garret says, I’m obsessed with usability and efficiency, and I’m totally convinced that “If it needs instructions, it doesn’t work.” And with forms the label tag that is either overlooked or not common knowledge. Unfortunately, there are still many major sites that don’t use this simple and powerful tag.
He enhances:

Labels not only improve accessibility, but they make the clickable area for radio buttons and checkboxes significantly larger thereby directly increasing usability. (For more on this, check out Fitt’s Law.)

Also, screen readers for the blind people will associate a label with its respective input tag, which of course is a good thing.

Definition of Labels
Defines a label to a control. If you click the text within the label element, it is supposed to toggle the control.

We can see them at work in the Google.co.uk website:
Search:

the web

pages from the UKThis would be like this without labels:
Search:
the web

pages from the UKYou can see that in the last example we need to focus right on the radio button to get it selected. Using labels we gain time and the user can click right over the text to make his choice.
HTML explanation<form name=”input” action=”">
<input type=”radio” name=”sex” id=”male” />
<label for=”male”>Male</label>
<br />
<input type=”radio” name=”sex” id=”female” />
<label for=”female”>Female</label>
</form>

Read the rest of this entry »

Welcome to my personal site. This is the first time I try to blog in a multilanguage Wordpress powered with the polyglot plugin. I’ve hacked a bit the plugin and Wordpress combination to make it work with subdomains. If anyone wants to see how it’s done please submit a comment.

I will start commenting and publishing comments about daily works / projects and much more.

This Wordpress theme was made Romow Web Directory and SEO Directory.