Salta al contenuto [c]

Valutazione di conformità
rispetto a WCAG AA del sito Volare web

Analisi del contrasto di colore e luminosità

La linea guida 2.2 delle WCAG richiede che le combinazioni fra colori dello sfondo e del primo piano forniscano un sufficiente contrasto se visti da qualcuno con deficit percettivi sul colore o se visti su uno schermo in bianco e nero.
Due colori forniscono sufficiente contrasto se la differenza di luminosità e quella di colore fra i due colori stessi è maggiore di una certa soglia. Per calcolare tali differenze, di luminosità e di colore, esistono due formule suggerite dal W3C:

Risultati dell'analisi del contrasto di colore, relativa alla pagina prentotazioni
Colore testo Colore sfondo Esempio Differenza di luminosità Differenza di colore
#49495d #ff8000 esempio di contrasto inadeguato fra il colore del testo e quello dello sfondo 76 (errato) 330 (errato)
#ffffff #ff8000 esempio di contrasto inadeguato fra il colore del testo e quello dello sfondo 103 (errato) 382 (errato)
#49495d #ffffff esempio di contrasto adeguato fra il colore del testo e quello dello sfondo 179 (verificato) 526 (verificato)
#163f7e #ffffff esempio di contrasto adeguato fra il colore del testo e quello dello sfondo 197 (verificato) 554 (verificato)
#ff8000 #ffffff esempio di contrasto inadeguato fra il colore del testo e quello dello sfondo 103 (errato) 382 (errato)


Se si considera anche il caso in cui le immagini sono disabilitate, si presentano due ulteriori combinazione di colori, come si può vedere nella tabella sottostante.

Casi aggiuntivi, che si presentano nella pagina prentotazioni, nel caso le immagini siano disabilitate
Colore testo Colore sfondo Esempio Differenza di luminosità Differenza di colore
#ffffff #273f7e esempio di contrasto adeguato fra il colore del testo e quello dello sfondo 191 (verificato) 537 (verificato)
#163f7e #273f7e esempio di contrasto inadeguato fra il colore del testo e quello dello sfondo
(La scritta è "prenotazioni", compare nella relativa voce del menu quando ci si trova in quella pagina)
5 (errato) 17 (errato)

[Torna indietro]

Realizzato da Londero Sabrina
Ultima modifica:29/03/2007