Come usare
- Inserisci il colore di base, il prefisso del token e il target AA o AAA.
- Usa le schede e i checkpoint di contrasto come controllo visivo rapido prima del trasferimento del codice.
- Se l'anteprima sembra stabile, passa a Verifica token colore per individuare ruoli duplicati, coppie di contrasto deboli o token quasi identici prima dell'esportazione.
- Utilizza Esportazione token colore dopo che il controllo sembra accettabile e sei pronto per copiare variabili CSS o token JSON.
Anteprima dell'interfaccia utente tokenizzata prima del trasferimento
Questa pagina risponde a una domanda più ristretta dopo che i colori dei ruoli sono stati per lo più impostati: i ruoli dei token sembrano ancora bilanciati una volta inseriti in blocchi di interfaccia utente leggeri?
Come scegliere tra le pagine vicine
Utilizzare Tavolozza dei colori accessibile quando l'assegnazione del ruolo stessa sta ancora cambiando. Utilizza questa pagina dopo che tali ruoli sono per lo più accettabili e la domanda rimanente è se le carte, i pulsanti e il testo disattivato sembrano ancora bilanciati. Utilizzare Verifica dei gettoni colore dopo che l'anteprima è accettabile e il lavoro successivo controlla i duplicati, le quasi corrispondenze o gli errori di contrasto prima dell'esportazione. Utilizzare Diff. gettone colore dopo l'audit, quando la domanda successiva è in che modo il nuovo set di token differisce da quello attuale prima del lancio. Utilizzare Esportazione token colore dopo che il controllo è accettabile e il lavoro successivo è la copia di variabili CSS, token JSON o trasferimento di una mappa di utilità. Utilizzare Convertitore OKLCH o Differenza di colore quando la vera domanda riguarda ancora la regolazione del colore di origine anziché il controllo del risultato dell'interfaccia utente tokenizzato.
Domande frequenti
Cosa fa questa pagina?
Trasforma un colore di base in anteprime di token chiari e scuri in modo da poter ispezionare carte, pulsanti e checkpoint di contrasto prima di esportare i token.
Quando dovrei usarlo al posto della tavolozza dei colori accessibile?
Utilizza la tavolozza dei colori accessibile quando l'assegnazione del ruolo stessa è ancora in cambiamento. Utilizzare questa pagina dopo che i ruoli sono per lo più accettabili e la domanda rimanente è se il set di token appare ancora bilanciato nei blocchi dell'interfaccia utente.
Quando dovrei usarlo invece di Esportazione token colore?
Utilizza questa pagina prima della fase di esportazione quando desideri un'approvazione visiva. Utilizza l'esportazione dei token colore dopo che l'anteprima è accettabile e il processo successivo è la copia delle variabili CSS o dei token JSON.
Questo sostituisce una revisione completa del progetto?
No. Si tratta di un rapido punto di controllo solo sul lato browser e non sostituisce una revisione completa del sistema di progettazione.