何がオンになっているかがラベルに明確に記載されていることを確認してください
タッチとキーボードでステータスを変更します。ラベルは機能を説明する必要があり、現在の状態は色を超えて識別可能である必要があり、アプリケーションの結果はインターフェイスが約束する方法と一致する必要があります。
トグル デザインシステム
効果を推測することなくステータスを変更できます。
チェックリストの内容
確認の進捗
01
構造と意味
使用状況に応じて情報とプレゼンテーションを比較します。
02
インタラクションとユーザビリティ
操作を試し、ステータスを変更して作業を続行します。
進捗はこのブラウザーに自動保存されます。
ガイド
確認方法
使用例
使用例
カレンダーのリマインダーをオンにする
スイッチと「オン」ステータスには「予約リマインダー」ラベルが付いています。スイッチをオフにしてもリマインダーは停止するだけで、カレンダーは消去されません。
バリエーションと利用場面
オフ状態
トグルがオンになっておらず、変更がない場合でも、選択の意味を明確にしておきます。
トグルがオフのときにラベルを読んでください。ユーザーは、これをオンにすると何が変わるかを知る必要があります。
例 「新しい写真を自動保存」をオフにしても、保存されている写真が削除されるわけではありません。
オン状態
トグルは実際の値を反映し、変更の適用が失敗した場合はフィードバックが表示されます。
エラー保存設定をエミュレートします。トグルは保存した値に戻って説明する必要があります。
例 通知をオンにしますが、リクエスト エラーが発生します。オフの状態に戻って再試行してください。
コントロールに付けられたラベル
ラベルと説明をトグルの近くに置き、別の項目と混同しないようにクリック領域を使用してください。
ラベルをクリックしてスクリーン リーダーで確認してください。すべてが正しい設定に影響します。
例 「アクティビティメールを受信」トグルには、以下に頻度の説明があります。