Nota

Colore quasi corretto

Un colore sembra quello che il tuo manuale di brand richiede, ma non lo è: una tonalità leggermente diversa o il colore giusto reso trasparente.

Perché conta

Il bianco all'85% di opacità non è bianco. Su uno sfondo blu risulta un azzurro pallido e accanto al bianco vero si vede. Un codice esadecimale da solo non lo mostra, ed è per questo che sopravvive a ogni controllo del foglio di stile.

Come lo controlla Snaglist

Questo controllo viene eseguito solo con un manuale di brand che hai caricato e regole che hai confermato. In un vero browser, Snaglist legge il colore di ogni pezzo di testo, la sua trasparenza, l'opacità di ogni blocco intorno e lo sfondo. Calcola il colore che risulta sullo schermo e lo confronta con il manuale, come farebbe una stampante (CIEDE2000). Viene segnalato il colore giusto con meno del 98% di opacità e anche una differenza fino a 5. Sopra questa soglia è un colore diverso, segnalato sotto il controllo del colore.

Snaglist segnala questo come notifica. Costa il 2 percento della pagina nel punteggio di salute. Buono a sapersi, e a volte una scelta consapevole.

Cause frequenti

  • Opacità usata per rendere un testo più discreto
  • Una tonalità scelta a occhio da uno screenshot
  • Un'opacità su un blocco che si applica anche al testo al suo interno
  • Un'animazione che non termina con opacità piena

Come risolverlo

  1. Trova il testo nel dettaglio e vedi da dove proviene la trasparenza, sul testo o su un blocco intorno.
  2. Imposta il colore sul valore esatto del manuale.
  3. Se la tonalità più chiara è voluta, aggiungila al manuale.

Come appare nel report

Nel report per il tuo cliente appare sotto il titolo "Colori che non corrispondono esattamente al manuale". Quando tutto è a posto, il report riporta: "I colori corrispondono al manuale, opacità inclusa".

È presente anche sul tuo sito?

Snaglist controlla ogni pagina del tuo sito, per questo problema e tutti gli altri. Inizia gratis, senza carta di credito.

Inizia gratis