Värien saavutettavuustarkistaja
Tarkista värien kontrastisuhteet WCAG 2.1 -ohjeiden mukaan. Testaa AA- ja AAA-yhteensopivuus normaalille ja suurelle tekstille. Ilmainen, 100 % selaimessasi.
Suuren tekstin esikatselu (18pt+)
Normaalin leipätekstin esikatselu — tarkista luettavuus taustaa vasten.
Viite
Mikä on WCAG-värikontrasti?
Web Content Accessibility Guidelines (WCAG) 2.1 määrittelee vähimmäiskontrastisuhteet varmistamaan, että teksti on luettavissa näkövammaisille henkilöille. Kontrastisuhde vaihtelee 1:1:stä (ei kontrastia) 21:1:een (maksimi, musta valkoisella). Noin 8 % miehistä ja 0,5 % naisista kärsii jostakin värinäön puutteesta, joten riittävä kontrasti on välttämätön esteettömälle suunnittelulle.
WCAG-yhteensopivuustasot
AA — Normaali teksti: vähintään 4,5:1 kontrastisuhde (yleisin vaatimus). AA — Suuri teksti: vähintään 3:1 (suuri = 18pt/24px normaali tai 14pt/18,5px lihavoitu). AAA — Normaali teksti: vähintään 7:1 (laajennettu, suositellaan leipätekstille). AAA — Suuri teksti: vähintään 4,5:1. Useimmat saavutettavuuslait ja -standardit (ADA, Section 508, EN 301 549) viittaavat WCAG AA:han vähimmäisvaatimuksena.
Miten kontrastisuhde lasketaan
Kontrastisuhde käyttää suhteellista luminanssia, joka johdetaan sRGB-väreistä. Kukin värikanava (R, G, B) linearisoidaan: jos sRGB-arvo ≤ 0,04045, jaetaan 12,92:lla; muuten lasketaan ((arvo + 0,055) / 1,055)^2,4. Luminanssi = 0,2126·R + 0,7152·G + 0,0722·B. Kontrastisuhde = (L1 + 0,05) / (L2 + 0,05), missä L1 on vaaleamman värin luminanssi ja L2 tummemman.
Tietosuoja
Kaikki laskutoimitukset suoritetaan 100 % selaimessasi. Mitään tietoja ei lähetetä palvelimelle.