Kontrastilaskuri
Syötä tekstin ja taustan väri nähdäksesi WCAG-kontrastisuhteen ja sen, mitkä AA- ja AAA-tasot hyväksytään.
Jokainen tarkistus tapahtuu selaimessasi. Mitään syöttämiäsi tietoja ei lähetetä BroBroGo-palveluun.
UKK
Mitä AA- ja AAA-tulokset tarkoittavat?
AA on taso, johon useimmat sivustot pyrkivät: se vaatii vähintään 4.5:1-suhteen normaalille tekstille ja 3:1-suhteen suurelle tekstille. AAA on tiukempi – 7:1 normaalille tekstille ja 4.5:1 suurelle tekstille. Kontrastisuhde vaihtelee välillä 1:1 (ei kontrastia) ja 21:1 (musta valkoisella).
Mikä lasketaan suureksi tekstiksi?
Tekstiä, joka on vähintään 18pt (noin 24px) tai lihavoituna vähintään 14pt (noin 18.5px). Suurempi teksti pysyy luettavana pienemmällä kontrastilla, joten se läpäisee AA-tason suhteella 3:1 ja AAA-tason suhteella 4.5:1 normaalin tekstin tiukempien rajojen sijaan.
Mitä värimuotoja voin syöttää?
Voit kirjoittaa hex-arvon kuten #1a1a1a, rgb()-arvon kuten rgb(26, 26, 26) tai hsl()-arvon – tai klikata väripaletteja valitaksesi värin. Vaihtopainikkeella voit vaihtaa tekstin ja taustan värit päikseen.
Käyttääkö tämä WCAG 2 - vai uudempaa APCA-menetelmää?
Tämä työkalu käyttää WCAG 2.1 / 2.2 -kaavaa, johon saavutettavuusvaatimukset ja -auditoinnit nykyään perustuvat. APCA on uudempi, enemmän näköhavaintoon perustuva menetelmä, jota luonnostellaan WCAG 3 -standardiin – se on lupaava, mutta ei vielä virallinen vaatimus, joten tämän työkalun tulokset eivät käytä sitä.