Kontrastin tarkistus

Laske tekstin värin ja taustavärin kontrastisuhde WCAG-standardin mukaan.

Tekstin väri
Taustaväri
Kontrasti
1.00
Pieni teksti
Suuri teksti

Esikatselu

Tältä tekstisi näyttää valitulla taustalla. Säädä värejä, kunnes teksti on helppo lukea.

Mikä on kontrastisuhde?

Se kertoo kahden värin vaaleuseron suhdelukuna välillä 1:1 (ei kontrastia) ja 21:1 (suurin, musta valkoisella). Mitä suurempi arvo, sitä helpompi tekstiä on lukea.

Mitä arvoja WCAG vaatii?

Pienelle tekstille AA-taso vaatii vähintään suhteen 4,5:1 ja AAA-taso 7:1. Suurelle tekstille (18 pt tai lihavoitu 14 pt) AA vaatii 3:1 ja AAA 4,5:1. Kun täytät nämä rajat, useimmat pystyvät lukemaan sisältösi, myös heikkonäköiset.

Esikatselu

Tältä tekstisi näyttää valitulla taustalla. Säädä värejä, kunnes teksti on helppo lukea.