Tarkista värikontrasti (WCAG)
Mittaa kahden värin välinen WCAG 2.1 -kontrastisuhde ja katso, läpäisevätkö ne AA-, AA Large- ja AAA-tason saavutettavalle tekstille. Toimii kokonaan selaimessasi.
Yksityisyys edellä: jokainen kuva käsitellään paikallisesti selaimessasi. Mitään ei ladata palvelimelle, tallenneta tai lähetetä minnekään.
Kontrasti on saavutettavuusvaatimus, ei makuasia
WCAG vaatii tekstin kontrastin taustaansa vasten olevan 4.5:1 tavalliselle tekstille (AA) ja 7:1 AAA-tasolle — monelle organisaatiolle juridista aluetta. Kuvien päälle asetettu teksti epäonnistuu jatkuvasti, koska suunnittelijat arvioivat kontrastin kuvan keskiarvoa vasten, kun taas käyttäjät lukevat sitä vaaleinta kohtaa vasten.
Mittaa oikeaa kuvaa vasten
Valitse tekstin väri ja poimi todellinen tausta itse kuvasta; tarkistin laskee suhteen ja arvostelee sen AA- ja AAA-kynnyksiä vasten tavalliselle ja suurelle tekstille. Korjaa epäonnistumiset tummentamalla peittoa tai vaalentamalla tekstiä — ja mittaa uudelleen, kunnes se läpäisee. Kaikki paikallista, mitään ei ladata palvelimelle.
Usein kysytyt kysymykset
- Ladataanko kuvani palvelimelle analyysiä varten?
- Ei. Värien poiminta, histogrammit ja kontrastitarkistukset toimivat kaikki paikallisesti selaimessasi.
- Mitä väritietoja voin saada?
- Hallitsevat värit, kopioitava paletti heksakoodeineen ja edustusprosentteineen sekä täydelliset RGB- ja luminanssihistogrammit.
- Mihin kontrastitarkistus on tarkoitettu?
- Se mittaa WCAG 2.1 -kontrastisuhteen kahden värin välillä ja näyttää, läpäisevätkö ne AA-, AA Large- ja AAA-tasot saavutettavalle tekstille.
- Voinko kopioida värikoodit?
- Kyllä. Napsauta mitä tahansa värinäytettä kopioidaksesi sen heksakoodin, tai kopioi koko paletti kerralla.