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 laillinen saavutettavuuden perustaso useimmissa maissa; AAA on korkeampi standardi, jota suositellaan kriittiselle sisällölle.
Raja-arvot
- WCAG AA, normaali teksti: vähintään 4,5:1.
- WCAG AA, suuri teksti (18pt+ tai 14pt+ lihavoitu): vähintään 3:1.
- WCAG AAA, normaali teksti: vähintään 7:1.
- WCAG AAA, suuri teksti: vähintään 4,5:1.
- Muut kuin tekstiä olevat käyttöliittymäkomponentit (painikkeet, lomakkeiden reunukset): vähintään 3:1 (WCAG 2.1+).
Miksi kontrasti on tärkeää
Heikko kontrasti tekee tekstistä lukukelvotonta heikkonäköisille käyttäjille (noin 4 % väestöstä), käyttäjille kirkkaassa auringonvalossa, käyttäjille halvoilla näytöillä ja ikääntyville silmille (lopulta kaikille). Monet suunnittelujärjestelmät käyttävät oletuksena 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 laillisesti seuraamuksellista Yhdysvalloissa (ADA Title III), EU:ssa (EAA) ja monissa muissa maissa. Halpa vakuutus: tarkista jokainen teksti/tausta-pari ennen julkaisua.
Mitä raportoimme
- Kontrastisuhde numerona (esim. 4,71:1).
- Hyväksytty/hylätty jokaiselle WCAG-tasolle ja tekstikoolle.
- Ehdotetut korjaukset: lähin tummempi etuväri tai vaaleampi taustaväri, joka läpäisisi testin.
- Live-esikatselu esimerkkitekstillä väriparissa.
Yhdistä värisokeussimulaattoriin
Kontrasti ja värisokeus ovat eri saavutettavuuden osa-alueita. Suorita Color Blindness Simulator samalle käyttöliittymälle varmistaaksesi, että se toimii myös CVD-käyttäjille.
Usein kysytyt kysymykset
Mikä on 'suuren tekstin' määritelmä?
WCAG: 18pt normaali tai 14pt lihavoitu. Suunnilleen 24px normaali tai 19px lihavoitu CSS:ssä.
Toimiiko se liukuväreillä?
Testaa pahin mahdollinen kohta — tyypillisesti liukuvärin vaalein osa etualaasi vasten.
Voinko tarkistaa kuvakaappauksesta?
Kyllä — lataa kuvakaappaus ja klikkaa etualan ja taustan värejä.
Mikä on hyväksyttävä vähimmäissuhde?
WCAG AA: 4,5:1 leipätekstille. Mikä tahansa tämän alapuolella on vaatimusten vastaista.
Onko tummempi aina parempi?
Korkeampi kontrasti on parempi luettavuudelle. Mutta puhdas musta puhtaalla valkoisella voi olla ankara; monet järjestelmät käyttävät #1A1A1A #FAFAFA:lla hieman pehmeämmän kontrastin saavuttamiseksi, joka silti täyttää AAA-vaatimukset.
Entä kuvakkeiden kontrasti?
WCAG 2.1 lisäsi vähimmäisvaatimukseksi 3:1 ei-tekstimäisille käyttöliittymäkomponenteille — painikkeille, lomakkeiden reunuksille ja kohdistusrenkaille.
Voinko tarkistaa väriparit erissä?
Premium: liitä CSV-tiedosto pareista ja saat kaikki suhteet yhdessä raportissa.
Ovatko lataukset yksityisiä?
Kyllä — poistetaan 24 tunnin kuluessa.
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äripari WCAG-saavutettavuusvaatimukset.
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.
