Värikontrastitarkistus
BetaTarkista, täyttääkö tekstin ja taustan väriyhdistelmä WCAG:n esteettömyysohjeet.
- Ilmainen
- Ei ilmoittautumista
- Toimii selaimessasi
- Toimii mobiililaitteella
{nimi} yhdellä silmäyksellä
- Syöte
- Etu- ja taustavärit
- Lähtö
- Kontrastisuhde ja WCAG-yhteensopivuustila
- Yksityisyys
- Kaikki tapahtuu laitteellasi. Mitään ei ole ladattu.
- Hinta
- Ilmainen, ei tiliä, ei vesileimaa.
Kuinka käyttää Värikontrastitarkistus
- 1Anna tekstin väri (etualalla) ja taustaväri.
- 2Työkalu laskee välittömästi kontrastisuhteen kahden värin välillä.
- 3Se näyttää, läpäiseekö yhdistelmä normaalin ja suuren tekstin WCAG AA- ja AAA-standardit.
Ominaisuudet
- Live-kontrastisuhteen laskenta.
- WCAG AA- ja AAA-yhteensopivuustila.
- Hyväksyy HEX-, RGB- tai HSL-värimuodot.
- Tekstin visuaalinen esikatselu valitulla taustalla.
Värikontrastitarkistus UKK
Mikä on WCAG?
WCAG on lyhenne sanoista Web Content Accessibility Guidelines. Se on joukko standardeja, joiden tarkoituksena on tehdä verkkosisällöstä vammaisten, mukaan lukien näkövammaisten, saatavuutta helpommin.
Mikä on hyvä kontrastisuhde?
WCAG AA edellyttää, että suhde on vähintään 4,5:1 normaalille tekstille ja 3,1:1 suurelle tekstille. WCAG AAA vaatii 7:1 normaalille tekstille ja 4,5:1 suurelle tekstille.
Miksi kontrastilla on väliä?
Suuri kontrasti varmistaa, että teksti on luettavissa ja luettavissa kaikille, erityisesti käyttäjille, joilla on heikkonäköisyys tai värisokeus.
Aiheeseen liittyvät työkalut
HEX-RGB-muunninBetaMuunna HEX-värikoodit RGB:ksi ja päinvastoin välittömästi.Base64-dekooderiPura Base64 (normaali tai URL-suojattu) takaisin tekstiksi.Base64 EncoderKoodaa tekstiä Base64:ään URL-turvallisella vaihtoehdolla.Border Radius GeneratorPyöristä kulmat visuaalisesti, yksi tai kaikki kerralla, ja kopioi CSS-lyhenne.
Lisää developer toolsViimeksi päivitetty