Ads by Google
ページ詳細
103
users
users
フォームのユーザビリティを改善する10のTips
- 記事本文 : http://labs.unoh.net/2007/08/10tips.html
- タグ : あとで読むCSSuserinterfaceinterface仕事プログラムformHTMLwebdesign
- 関連ページ : [ labs.unoh.net ]の新着ページ
miyakeです。Webアプリケーションにおけるユーザーインタフェースの代表格と言えばフォーム。今日はそんなフォームのUIを作るに当たって、普段自分が心掛けていることをつらつらとご紹介します。
■チェックボックスやラジオボタンはfieldset,label要素でくくる
チェックボックスやラジオボタンには一般的にその内容を表すテキスト（ラベル）が付けられますが、input要素だけでマークアップした場合、チェックボックス（ラジオボタン）の部分しかクリックすることができません。
label要素を用いることで、ラ...
コメント
読み込み中...
ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
気づかないところに小さな気遣いを。
>チェックボックスやラジオボタンはfieldset,label要素でくくる, ボタンのテキストは「この内容で登録する」「日記を投稿する」のように, input要素の幅はsize属性ではなく、CSSで指定すること...
ユーザビリティの向上は、細部の改善から。
入力フィールドに勝手にフォーカス合わせるのは勘弁してほしい。ショートカットキーでタブ切り替える時とかに発狂しそうになる。
ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips