Värikontrastin (WCAG) tarkistin

Miten tarkistan värikontrastin?

Käyttöohjeet

  1. Syötä arvosi yllä oleviin kenttiin.
  2. Näe tulos painamalla "Laske".
  3. Lähetä tuloksesi "Jaa"-painikkeella.

Tietoa tästä laskurista

Tämä työkalu laskee WCAG-kontrastisuhteen etualan ja taustan värin välillä — arvon väliltä 1:1 (identtiset värit, ei kontrastia) aina arvoon 21:1 (puhdas musta puhtaalla valkoisella) — kunkin värin suhteellisesta luminanssista. Sen jälkeen se tarkistaa suhteen virallisia AA- ja AAA-saavutettavuusrajoja vasten — 4,5:1 AA-tasolle ja 7:1 AAA-tasolle (standardi sallii lisäksi suurelle tekstille matalamman 3:1 rajan, jota tämä työkalu ei sovella) — kertoakseen, onko tietty tekstin ja taustan yhdistelmä todella riittävän luettava täyttääkseen saavutettavuusvaatimukset.

Sitä käyttävät web-suunnittelijat ja front end -kehittäjät tarkistaessaan väripaletin ennen sen julkaisua, koska heikkokontrastinen teksti on yksi yleisimmistä saavutettavuusvalituksista ja voi joillakin lainkäyttöalueilla rikkoa lakisääteisiä saavutettavuusvaatimuksia. Saavutettavuusauditoijat käyttävät samaa laskentaa tarkastaessaan sivustoa tai sovellusta WCAG-vaatimustenmukaisuuden osalta, ja suunnittelujärjestelmät leipovat AA-tason läpäisevät väriparit usein suoraan komponenttikirjastoihinsa ongelman välttämiseksi kokonaan.

Was this helpful?

Voit valita enintään 3 reaktiota.

Comments (0)

  • Be the first to comment.

Suositut laskimet

Kaikki laskurit