状態表示の切り替え
標準パターンを使用して一部をアクティブ化および非アクティブ化できるトグルのセットを再設計しています。ただし、それらの一部は、管理者権限のためにデフォルトでアクティブ化されていますが、ユーザーが非アクティブ化することはできません。現在のディスプレイでは、これらのトグルが明るい緑色で表示されていますが、前述したように、クリックすることはできません。これは、行動を分析するときに私を混乱させました、そして私はユーザーが同じように感じるかもしれないと思います。これらのトグルを表示して、ユーザーがアクティブになっていることを認識できるが、状態を変更できないようにする方法はあると思いますか？アプリは応答性が高く、複数のデバイスを介して表示できます。前もって感謝します！
回答
マテリアルデザインは、次のようにグレー表示されたバージョンでロック状態を示しています。
しかし、ここでの問題はアクセシビリティです。視覚関連の障害を持つユーザーは、これら2つを区別することはできません。
代わりにできることは、不透明度の低い色とともにトグル内にロック記号を追加することです。ユーザーがそれを操作しようとした場合は、「管理者によってロックされました」/「管理者によって有効にされました」などのツールチップを提供します。
無効にされたコントロールに「フェード」スタイルを設定することは非常に標準的ですが、ここでの問題は、違いが微妙すぎてユーザーがはっきりと見ることができないことです。
たとえば、色を緑から灰色に変更することもできますが、実際には「有効」を意味するという明確さを失うリスクがあります（これは、そもそも緑の色の目的全体です）。
それを念頭に置いて、私の提案は、この目的のためにコントロールを使用することをまったく避けることです。代わりに、テキストを使用して、コントロールを使用して混乱することなく、有効/無効の状態を表示できます。例えば：
または、jcaronが提案しているように、管理者が設定を設定したことを明示的に示すこともできます。これは、ユーザーがそれらを変更できないことをユーザーに明確にするのに役立ちます。このようなもの：
まず、スイッチを読み取り専用にするか無効にするかを明確にする必要があります。
これについての良い記事があります：https://vaadin.com/docs/v8/framework/articles/ReadOnlyVsDisabledFields.html
前回のプロジェクトでは、これらのスタイルを使用して、トグルスイッチの状態を変えました。
スイッチは「アクティブで選択済み」、「アクティブ」、「無効」、「読み取り専用」です。
