マーキングの効果を述べる
ユーザーの決定に代わるオプションの同意を事前に選択しないでください。
チェックボックス デザインシステム
複数の項目を選択するか、独立した選択を有効にします。
チェックリストの内容
確認の進捗
01
構造と意味
使用状況に応じて情報とプレゼンテーションを比較します。
02
インタラクションとユーザビリティ
操作を試し、ステータスを変更して作業を続行します。
03
体験を完了する
デザインを実用化する際に見落としがちな細部を確認してください。
進捗はこのブラウザーに自動保存されます。
ガイド
確認方法
使用例
使用例
マーキングの効果を述べる
「製品ニュースレターを電子メールで受け取る」ことは、規約への同意とは別のものです。
バリエーションと利用場面
ボックスとラベルを選択します
選択ボックスには明確な境界があり、インタラクティブな領域を含むラベルがあり、隣の選択ボックスから十分な距離があります。
ボックスとラベルの両方をクリックしてフォント サイズを大きくします。すべて同じ選択に変更されます。
例 ラベル領域全体で「製品情報を取得」行をクリックできます。
状態の選択
正しいセマンティクスに従って、未選択、選択、混合、フォーカス、無効を区別します。
サブグループを選択します。親チェックボックスは、すべて選択ではなく混合を表します。
例 5 つの項目のうち 2 つを選択すると、「すべて選択」ボックスに部分的なステータス マークが表示されます。
選択済みまだ選択されていませんデフォルト選択中利用できませんエラーを表示一部選択