Värikontrastin tarkistus
Tarkista, onko teksti oikeasti luettavaa, saavutettavuusstandardin mukaan.
- Toimii selaimessasi — tekstiäsi ei lähetetä minnekään
- Ei rekisteröitymistä, ei kiintiöitä, ilmainen käyttää niin usein kuin haluat
Näin se toimii
Vaaleanharmaa teksti valkoisella on verkon yleisin saavutettavuusvirhe, ja se on täysin vältettävissä. Saavutettavuusohjeet määrittelevät kontrastin tarkaksi suhdeluvuksi, joten se, läpäiseekö väriyhdistelmä, on laskutoimitus eikä mielipideasia.
Miten suhde lasketaan
Kunkin värin suhteellinen luminanssi lasketaan ohjeiden määrittelemällä tavalla – gammakorjaus sovelletaan kanavakohtaisesti – ja suhde otetaan vaaleamman ja tummemman välillä. Tulos vastaa sitä, mitä saavutettavuusauditointi raportoi, koska se on sama kaava.
Kynnysarvot
Tavallinen teksti tarvitsee 4,5:1 tasolle AA ja 7:1 tasolle AAA. Suuri teksti – karkeasti 24px tai 18,7px lihavoituna – tarvitsee vain 3:1 tasolle AA ja 4,5:1 tasolle AAA. Käyttöliittymän osat ja merkitykselliset grafiikat tarvitsevat 3:1. AA on se, mitä useimmat organisaatiot ja useimmat lait vaativat.
Miksi suurelta tekstiltä vaaditaan vähemmän
Suuremmissa kirjainmuodoissa jokainen veto koostuu useammasta pikselistä, joten ne pysyvät luettavina pienemmällä kontrastilla. Siksi otsikossa voi käyttää vaaleampaa harmaata kuin leipätekstissä.
Mitä suhdeluku ei kata
Se ei kerro mitään värisokeudesta, joka on erillinen tarkistus, eikä siitä, onko teksti riittävän suurta tai kirjasin luettava. Läpäisevä suhde on alaraja, ei todiste luettavasta suunnittelusta.
Värikontrastin tarkistus – kysymyksiä
Minkä kontrastisuhteen tarvitsen?
4,5:1 tavalliselle tekstille tasolla AA, 3:1 suurelle tekstille. AAA nostaa nämä arvoihin 7:1 ja 4,5:1.
Mikä lasketaan suureksi tekstiksi?
Karkeasti 24px ja sitä suurempi tai 18,7px ja sitä suurempi lihavoituna.
Tarkoittaako läpäisy, että suunnitteluni on saavutettava?
Ei. Kontrasti on yksi vaatimus monien joukossa; se ei kerro mitään värisokeudesta, tekstin koosta tai luettavuudesta.