Il colore sicuro è necessario per i progettisti di strumenti per la raccolta del colore conformi alle norme WCAG

I web designer stanno costantemente spingendo verso una maggiore accessibilità . Ciò significa maggiore supporto sul web per problemi di udito e visione, che possono includere problemi nella lettura di siti Web ad alto contrasto.

L'app web Color Safe è perfetta per trovare solo i colori giusti che si adattano esattamente a ciò che ti serve. È un'applicazione web gratuita che misura la qualità del rapporto di contrasto del testo, in base al colore di sfondo, alla dimensione del carattere e alla famiglia di caratteri.

È un'applicazione web molto interattiva, quindi non è solo un altro generatore di colori .

Innanzitutto, inserisci un colore di sfondo e scegli il font che stai utilizzando. Questo non deve essere una corrispondenza esatta, ma dovresti cercare di ottenere le dimensioni e il posizionamento giusto. Cerca di abbinare il contenuto del corpo della pagina piuttosto che le intestazioni .

Dopo aver fatto clic su "OK", avrai uno schermo completamente nuovo pieno di consigli sui colori . Puoi sfogliare le scelte di colore che meglio si adattano allo sfondo scelto per trovare colori di testo con elevati indici di leggibilità .

Il WCAG ha requisiti di rapporto di contrasto del colore molto severi per ottenere un grado di passaggio (AA o AAA). Questa valutazione si basa su un rapporto specifico, calcolato dai codici esadecimali e dalla dissonanza reciproca.

Ad esempio, un carattere verde brillante su uno sfondo rosso brillante è un ottimo modo per fallire il punteggio WCAG. Ecco perché questo strumento è così prezioso.

Invece di selezionare in modo casuale i colori in Photoshop, è possibile selezionare scelte cromatiche predefinite su misura per adattarle allo sfondo. Ciò garantisce un elevato grado di leggibilità e un'esperienza fluida per tutti gli utenti.

Abbiamo fatto un grosso post sul contrasto dei colori per l'accessibilità, quindi assicurati di controllare se vuoi saperne di più. E se sei bloccato a trovare una fantastica combinazione di colori per il tuo sito web, visita Color Safe e provalo. Ti aiuterà sicuramente a trovare una combinazione di colori che funzioni .