Käsittele jopa 200 kuvaa per tehtävä — valitse asetukset kerran, suorita kaikki.
Liitä etu- ja taustaväri (tai valitse kuvakaappauksesta); saat kontrastisuhteen ja tiedon, mitkä WCAG-tasot se täyttää. WCAG 2.1 AA on lain vaatima saavutettavuuden perustaso useimmissa maissa; AAA on korkeampi suositus kriittiselle sisällölle.
Kynnysarvot
- WCAG AA, normaaliteksti: vähintään 4.5:1.
- WCAG AA, suurikokoinen teksti (18pt+ tai 14pt+ lihavoitu): vähintään 3:1.
- WCAG AAA, normaaliteksti: vähintään 7:1.
- WCAG AAA, suurikokoinen teksti: vähintään 4.5:1.
- Muut kuin tekstiä sisältävät käyttöliittymäkomponentit (painikkeet, lomakkeiden reunat): vähintään 3:1 (WCAG 2.1+).
Miksi kontrasti on tärkeää
Huonokontrastinen teksti on lukukelvotonta heikkonäköisille käyttäjille (noin 4% väestöstä), käyttäjille kirkkaassa auringonvalossa, halvoilla näytöillä ja ikääntyville silmille (lopulta kaikille). Monet suunnittelujärjestelmät oletuksena käyttävät harmaata harmaalla, koska se näyttää tyylikkäältä suunnittelijan kalibroidulla 5K-näytöllä — ja on lukukelvotonta muualla.
WCAG AA:n laiminlyönti on myös juridisesti seurauksellista Yhdysvalloissa (ADA Title III), EU:ssa (EAA) ja monissa muissa maissa. Halpa vakuutus: tarkista jokainen teksti/tausta -pari ennen julkaisua.
Mitä raportoimme
- Kontrastisuhde lukuna (esim. 4.71:1).
- Hyväksytty/hylätty jokaiselle WCAG-tasolle ja tekstikoolle.
- Ehdotetut korjaukset: lähin tummempi etuala tai vaaleampi tausta, joka läpäisee testin.
- Live-esikatselu esimerkkitekstillä väriparissa.
Yhdistä värisokeussimulaattoriin
Kontrasti ja värisokeus ovat eri saavutettavuuden osa-alueita. Aja Värisokeussimulaattori samalle käyttöliittymälle varmistaaksesi, että se toimii myös CVD-käyttäjille.
Usein kysytyt kysymykset
Mikä on 'suurikokoisen tekstin' määritelmä?
WCAG: 18pt normaali tai 14pt lihavoitu. Noin 24px normaali tai 19px lihavoitu CSS:ssä.
Toimiiko se liukuväreillä?
Testaa pahin mahdollinen kohta — yleensä liukuvärin vaalein osa etualaasi vasten.
Voinko tarkistaa kuvakaappauksesta?
Kyllä — lataa kuvakaappaus ja napsauta etualan ja taustan värejä.
Mikä on hyväksyttävä vähimmäissuhde?
WCAG AA: 4.5:1 leipätekstille. Kaikki tämän alapuolella on vaatimustenvastaista.
Onko tummempi aina parempi?
Korkeampi kontrasti on parempi luettavuudelle. Mutta puhdas musta valkoisella voi olla voimakas; monet järjestelmät käyttävät #1A1A1A taustalla #FAFAFA, mikä antaa hieman pehmeämmän kontrastin, joka silti läpäisee AAA-tason.
Entä ikonien kontrasti?
WCAG 2.1 lisäsi vähimmäisvaatimukseksi 3:1 ei-tekstimäisille käyttöliittymäkomponenteille — painikkeille, lomakkeiden reunuksille, kohdistusrenkaille.
Voinko tarkistaa väriparit erissä?
Premium: liitä CSV-pareja ja saat kaikki suhteet yhdessä raportissa.
Ovatko lataukset yksityisiä?
Kyllä — poistetaan 24 tunnin sisällä.
Tietoja Kontrastitarkistin
Kontrastitarkistin on ilmainen verkkotyökalu Wallpapers.com-sivustolta, joka toimii kokonaan selaimessasi — ei asennusta, ei vesileimaa, ei sähköposti-ilmoittautumista ensimmäiselle kokeilulle.
Tarkista, täyttääkö etu-/taustaväriparin WCAG-saavutettavuusehdot.
Käyttöohje Kontrastitarkistin
- Pudota kuvasi latausalueelle (yksittäinen tai erä - vaihda Bulk tilaan yläreunasta).
- Valitse työkalun tarjoamat asetukset (koko, muoto, laatu).
- Klikkaa Suorita. Tulos latautuu automaattisesti — ei manuaalista tallennusta.
Milloin käyttää
Yleisiä käyttötapauksia ovat:
kuvien valmistelu webiin, verkkokauppalistauksiin, somealustoille muotovaatimuksineen sekä tiedostojen muuntaminen laitteelta tai sovelluksesta toiseen.
Ilmainen vs Premium
Jokainen kävijä saa ilmaisen koeajon; kirjautuneet ilmaiskäyttäjät saavat korkeamman päivittäisen kiintiön. Tilaa
Premium
saadaksesi rajoittamattomat ajot, eräkäsittelyn jopa 200 kuvaa työtä kohden, prioriteettijonon ja mainoksettoman selailun.
Liittyvät työkalut
Etsitkö jotain hieman erilaista? Kokeile
EXIF Stripper
,
Poista EXIF-metatiedot
tai
EXIF Viewer
— tai selaa kaikkia
Metadata & saavutettavuus työkalut.
