Värvikontrasti kontrollija

Testi esiplaani ja taustavärvide kontrastsuse suhet, et tagada juurdepääsetavus.

1.00:1
Kontrastsus
Fail
Väga halb

Tavaline tekst

AA (4.5:1)
AAA (7:1)

Suur tekst

AA (3:1)
AAA (4.5:1)
White
#ffffff
Arapawa
#110c6c

Kiired parandused

Aa

Eelvaate pealkiri

Pruun rebane hüppab üle laisa koera

Väikese teksti näide (12px)

Tekst
#ffffff
Taust
#110c6c

WCAG standardid

Level AA

Minimaalne kontrastsuse suhe 4,5:1 tavalise teksti ja 3:1 suure teksti jaoks. Nõutav enamikul veebisaitidel.

Level AAA

Tõhustatud kontrastsuse suhe 7:1 tavalise teksti ja 4,5:1 suure teksti jaoks. Soovitatav optimaalseks juurdepääsetavuseks.

Ebapiisav kontrastsus kõigi tekstisuuruste jaoks - ei vasta WCAG standarditele.

Värvikontrasti kontrollija

Arvuta teksti ja taustavärvide kontrastsuse suhe.

Vali värv teksti ja taustavärvi jaoks, kasutades värvivalijat, või sisesta värv RGB heksaadetsimaalses vormingus (nt #259 või #2596BE). Saad liugurit reguleerida, et valida värv. Veebisisu juurdepääsetavuse juhised (WCAG) sisaldavad konkreetset juhist, mis aitab kindlaks teha, kas tekst on nägemispuudega kasutajatele loetav. See kriteerium kasutab kindlat algoritmi, et kaardistada värvikombinatsioonid võrreldavateks suheteks. Selle valemi abil väidab WCAG, et 4,5:1 värvikontrasti suhe teksti ja selle tausta vahel on piisav tavalise (keha) teksti jaoks ning suur tekst (18+ pt tavaline või 14+ pt paks) peaks omama vähemalt 3:1 värvikontrasti suhet.

Põhifunktsioonid

  • Reaalajas kontrastsuse suhte arvutamine
  • WCAG AA & AAA vastavuse kontrollimine
  • HSL liugurid peenhäälestuseks
  • Mitme eelvaate formaadid

Täpsemad tööriistad

  • Automaatne värvide parandamine
  • Teksti ja tausta näidised
  • Värvinime tuvastamine
  • Tulemuste eksportimine