Progetto Onde - Verifica conformità W3C per l'alto contrasto

In conformità a quanto stabilito dal W3C in ambito di accessibilità, i collegamenti presenti nelle pagine debbono mutare il colore dello sfondo e del testo diventando ad alto contrasto.

Il metodo per stabilire se un collegamento è ad ALTO CONTRASTO è il seguente:

Dal sito sono stati estratti i valori RGB (Red/Green/Blu) dei colori dello sfondo e del testo di un collegamento.

Valori RGB:

- SFONDO: 255/255/102
- TESTO: 0/75/170

Le condizioni che debbono essere sono le seguenti:

Differenza di luminosità.

Calcolare la luminosità dei colori di testo e di sfondo con la seguente formula:
((Rosso X 299) + (Verde X 587) + (Blu X 114)) / 1000
in cui Rosso, Verde e Blu sono i valori decimali dei colori.

È consigliato un valore della differenza tra le due luminosità maggiore di 125.

Luminosità Sfondo: ((255 X 299) + (255 X 587) + (102 X 114)) / 1000 = 237,558
Luminosità Testo: ((0 X 299) + (75 X 587) + (151 X 114)) / 1000 = 55,539

Differenza di luminosità: 182 > 125 (RISPETTATO)

Differenza di colore.

[Max (Rosso1, Rosso2) - Min (Rosso1, Rosso2)] + [Max (Verde1, Verde2)- Min (Verde1, Verde2)] + [Max(Blu 1, Blu2) – Min (Blu1, Blu2)]
in cui Rosso, Verde e Blu sono i valori decimali dei colori e Max e Min il valore massimo e minimo tra i due indicati.

È consigliato un valore della differenza di colore maggiore di 500.

[Max (255, 0) - Min (255, 0)] + [Max (255, 75)- Min (255, 75)] + [Max(102, 170) – Min (102, 170)] =(255-0)+(255-75)+(170-102)=503

Differenza di colore= 503 > 500 (RISPETTATO)

Le due condizioni rispettate consentono di affermare che i collegamenti sono ad ALTO CONTRASTO.