Improving Usability with the LABEL Tag

When it comes to usability, the devil is in the details. Annoying little quirks can make your users hate to use your perfectly good web app. One easy (but often overlooked) way to improve usability is to use the LABEL tag with intrinsic HTML controls:

 

Of course, when the user clicks the checkbox, it checks and removes checks. However, when a LABEL is present, the user can click the control or its label to check and uncheck the checkbox?just like they can in a Windows application. That’s much easier and more intuitive than trying to aim for the little box or radio button, especially when using the imprecise pointing devices on most laptops.

To use a LABEL, simply point its FOR attribute to the ID of the control it refers to. Since you probably won’t define an on-click handler for the LABEL, the click event will bubble to that control.

LABEL is a standard HTML 4 tag. It is currently supported by Internet Explorer but not by Navigator.

Share the Post:
Share on facebook
Share on twitter
Share on linkedin

Overview

The Latest

your company's audio

4 Areas of Your Company Where Your Audio Really Matters

Your company probably relies on audio more than you realize. Whether you’re creating a spoken text message to a colleague or giving a speech, you want your audio to shine. Otherwise, you could cause avoidable friction points and potentially hurt your brand reputation. For example, let’s say you create a

chrome os developer mode

How to Turn on Chrome OS Developer Mode

Google’s Chrome OS is a popular operating system that is widely used on Chromebooks and other devices. While it is designed to be simple and user-friendly, there are times when users may want to access additional features and functionality. One way to do this is by turning on Chrome OS

homes in the real estate industry

Exploring the Latest Tech Trends Impacting the Real Estate Industry

The real estate industry is changing thanks to the newest technological advancements. These new developments — from blockchain and AI to virtual reality and 3D printing — are poised to change how we buy and sell homes. Real estate brokers, buyers, sellers, wholesale real estate professionals, fix and flippers, and beyond may