Normaali teksti
Suuri teksti
Pikakorjaukset
Esikatselu Otsikko
Nopea ruskea kettu hyppää laiskan koiran yli.
Esimerkki pienestä tekstistä (12px)
WCAG-standardit
Level AA
Kontrastisuhde vähintään 4,5:1 normaalille tekstille ja 3:1 suurelle tekstille. Vaaditaan useimmilla verkkosivustoilla.
Level AAA
Parannettu kontrastisuhde 7:1 normaalille tekstille ja 4,5:1 suurelle tekstille. Suositellaan optimaalisen saavutettavuuden varmistamiseksi.
Riittämätön kontrasti kaikissa tekstikokoluokissa - ei täytä WCAG-standardeja.
Värikontrastin tarkistusohjelma
Laske tekstin ja taustavärien kontrastisuhde.
Valitse väri tekstin ja taustavärin värivalitsimella tai syötä väri RGB-heksadesimaalimuodossa (esim. #259 tai #2596BE). Voit säätää liukusäädintä värin valitsemiseksi. Verkkosisällön saavutettavuusohjeissa (WCAG, Web Content Accessibility Guidelines) on erityinen ohje, jonka avulla voidaan selvittää, onko teksti luettavissa näkeville käyttäjille. Tämä kriteeri käyttää erityistä algoritmia väriyhdistelmien kuvaamiseen vertailukelpoisiksi suhteiksi. Tämän kaavan avulla WCAG:n mukaan 4,5:1 värikontrastisuhde tekstin ja sen taustan välillä on riittävä tavalliselle tekstille, ja ison tekstin (18+ pt tavallinen tai 14+ pt lihavoitu) värikontrastisuhteen tulisi olla vähintään 3:1.
Tärkeimmät ominaisuudet
- • Reaaliaikainen kontrastisuhteen laskenta
- • WCAG AA & AAA -vaatimustenmukaisuuden tarkistaminen
- • HSL-liukusäätimet hienosäätöä varten
- • Useita esikatseluformaatteja
Edistyneet työkalut
- • Automaattinen värien kiinnitys
- • Teksti- ja taustanäytteet
- • Värin nimen tunnistus
- • Tulosten vieminen