Värikontrastin tarkistusohjelma

    Testaa etu- ja taustavärien välinen kontrastisuhde saavutettavuuden varmistamiseksi.

    Värikontrastin tarkistusohjelma

    Tekstin väri
    Taustan väri
    Kontrasti
    Fail
    Pieni teksti
    ✖︎
    Suuri teksti
    ✖︎

    Kaikki ovat neroja. Mutta jos arvioit kalan sen kyvyn perusteella kiivetä puuhun, se elää koko elämänsä uskomalla, että se on tyhmä.

    - Albert Einstein

    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.