Attiva/disattiva la visualizzazione degli stati
Sto ridisegnando una serie di interruttori in cui alcuni di essi possono essere attivati e disattivati utilizzando un modello standard. Tuttavia, alcuni di essi sono attivati per impostazione predefinita a causa delle autorizzazioni dell'amministratore ma non possono essere disattivati dall'utente . Il display attuale mostra questi interruttori con un colore verde più chiaro ma, come ho detto, non sono cliccabili. Questo mi ha fatto sentire confuso durante l'analisi del comportamento e presumo che gli utenti potrebbero sentirsi allo stesso modo. Pensi che ci sia un modo per visualizzare questi interruttori in modo che l'utente sappia che sono attivati ma il loro stato non può essere modificato? L'app è reattiva e può essere visualizzata attraverso più dispositivi. Grazie in anticipo!

Risposte
Material Design Mostra lo stato bloccato da una versione in grigio come questa:

Ma il problema qui è l'accessibilità. Gli utenti con disabilità legate alla vista non saranno in grado di differenziare questi due.
Quello che puoi fare invece è aggiungere un simbolo di blocco all'interno dell'interruttore insieme a un colore meno opaco e se l'utente tenta di interagire con esso, fornisci un suggerimento che dice "bloccato dall'amministratore" / "Abilitato dall'amministratore" o qualcosa del genere.

Sebbene avere uno stile "sbiadito" per i controlli disabilitati sia abbastanza standard, il problema qui è che la differenza è troppo sottile perché l'utente possa vederla chiaramente.
Potresti cambiare il colore da verde a grigio (per esempio), tuttavia ciò potrebbe rischiare di perdere la chiarezza che in realtà significa "abilitato" (che è l'intero scopo del colore verde in primo luogo).
Con questo in mente, il mio suggerimento sarebbe di evitare di utilizzare un controllo per questo scopo. Invece puoi usare il testo per mostrare lo stato abilitato/disabilitato senza avere la confusione di usare un controllo per farlo. Per esempio:

In alternativa, come suggerito da jcaron, potresti anche dichiarare esplicitamente che le impostazioni sono state impostate dall'amministratore. Questo aiuta a chiarire all'utente che non è in grado di modificarli. Qualcosa come questo:

Per prima cosa devi essere chiaro, se il tuo switch deve essere di sola lettura o disabilitato.
Ecco un bell'articolo a riguardo:https://vaadin.com/docs/v8/framework/articles/ReadOnlyVsDisabledFields.html
Nel mio ultimo progetto, ho utilizzato questi stili per differenziare gli stati di un interruttore a levetta.
Gli interruttori sono "attivo e selezionato", "attivo", "disabilitato" e "sola lettura".
