Värikontrastin Tarkistus
Tarkista värikontrastisuhteet WCAG 2.1 -vaatimustenmukaisuutta varten. Vahvista AA- ja AAA-standardit heti.
Mikä on WCAG-kontrastisuhde?
WCAG-kontrastisuhde mittaa edusta- ja taustavärien välisen kirkkauseron. Väliltä 1:1 – 21:1.
Mitkä ovat WCAG AA- ja AAA-vaatimukset?
WCAG AA vaatii vähintään 4.5:1 normaalille tekstille ja 3:1 suurelle tekstille. AAA vaatii 7:1 ja 4.5:1.
Mikä lasketaan suureksi tekstiksi?
Suuri teksti on 18pt (24px) tai suurempi, tai 14pt (18.66px) lihavoitu tai suurempi.
Miksi värikontrasti on tärkeä?
Oikea kontrasti varmistaa tekstin luettavuuden näkövammaisille ja parantaa luettavuutta kaikille.
Miten lasken kontrastisuhteen?
Lasketaan käyttämällä suhteellisia kirkkausarvoja. Kaava on (L1 + 0.05) / (L2 + 0.05).
Mikä on minimikontrasti UI-elementeille?
WCAG vaatii vähintään 3:1 UI-komponenteille ja graafisille objekteille.
Voinko käyttää mitä tahansa väriyhdistelmiä?
Kaikki yhdistelmät eivät täytä saavutettavuusstandardeja. Käytä tätä tarkistusta validointiin.
Mikä on suhteellinen kirkkaus?
Se on värin havaittu kirkkaus, välillä 0 (musta) – 1 (valkoinen). Lasketaan sRGB-väriavaruudella.
Pitääkö minun tarkistaa kuvien kontrasti?
Kuvissa olevan tekstin on täytettävä samat vaatimukset. Koristeellisiin kuviin ei sovelleta.
Mitkä työkalut auttavat kontrastissa?
Käytä selaimen kehittäjätyökaluja, suunnittelulaajennuksia tai verkkotarkistimia kuten tätä.