[Think IT] 第3回：フォームのユーザビリティを改善する (2/3)

【見やすさと使いやすさ】ガラリと変わる！UI入門 第3回：フォームのユーザビリティを改善する 著者：三宅 涼 公開日：2008/9/16（火） まずは、HTMLやCSSの使い方でユーザビリティを改善するTipsを3つご紹介します。 1つ目は「チェックボックスやラジオボタンは、label要素を用いてテキストもクリック可能にする」ことです。 単にinput要素とテキストを並べただけでは、チェックボックスやラジオボタンの部分だけがクリック可能で、テキストをクリックしても何も反応しません。label要素を用いて、テキスト部分もクリックできるようにしましょう。 label要素のマークアップには、「対象のinput要素にidを付けてlabel要素のfor属性でそのidを指定する」「input要素とテキストをlabel要素の中に入れる」という2つの方法がありますが、後者はIEが対応していないため、