Quante volte abbiamo visitato un sito web in cui non riusciamo a leggere nulla, o usato un'app con una combinazione di colori orribile? Dal punto di vista dell'accessibilità, scegliere la palette o il rapporto di contrasto sbagliato può rovinare qualsiasi idea di visibilità, ma il portale OddContrast ci aiuta a trovare i valori corretti, basati sulla versione 2 dello standard WCAG.
Se seguiamo la definizione dello standard WCAG versione 2 (noto anche come Linee guida per l'accessibilità dei contenuti web), «contrasto» è una misura della differenza di «luminosità percepita» tra due colori, espressa come proporzione o rapporto. Ad esempio, un testo rosso (#ff0000) su sfondo bianco (#ffffff) ha un rapporto di 4:1. Se cambiamo il testo in blu (#0000ff), il rapporto sale a 8.59:1 e si legge meglio. Infine, il testo nero su sfondo bianco ha un rapporto di 21:1. La cosa più interessante? Il rapporto rimane invariato se invertiamo i colori.
Perché è importante? Perché in molte occasioni si applicano combinazioni di colori con un rapporto molto scarso, e il testo diventa illeggibile. Come persona che è stata costretta ad ingrandire la dimensione dei caratteri sul proprio computer, capisco più che mai l'importanza di un buon contrasto. E questa idea ci porta a OddContrast, un portale appositamente progettato per calcolare i rapporti di contrasto in siti, servizi e/o applicazioni di accessibilità.
Ottimizza il contrasto dei tuoi progetti con OddContrast
Non c'è molto da fare sul sito per sfruttarlo al massimo: scegliamo un formato che rappresenti i colori (otto disponibili, inclusi HEX e sRGB), e regoliamo i cursori per il colore principale e il colore di sfondo fino ad ottenere un «approvato» nei casi che ci interessano. OddContrast definisce come rapporti normali 4.5:1 per il testo standard e 3:1 per il testo grande, mentre un contrasto ottimizzato parla di 7:1 e 4.5:1 rispettivamente. D'altra parte, il testo grande è uguale o superiore a 24px con peso regolare, e uguale o superiore a 19px in grassetto.
Per concludere, OddContrast non pretende di essere il padrone assoluto della verità. In effetti, non abbiamo nemmeno bisogno di un buon rapporto in tutti i casi, ma la differenza tra una cattiva combinazione di colori e una buona è notevole. Prova!
Sito ufficiale: Clicca qui
