WCAG-litaskilaprófari

Metið andstæðuhlutfall texta og bakgrunnslita samkvæmt WCAG 2.1 leiðbeiningum. Búið til aðgengilegar litaleiðréttingar samstundis.

HEX/RGB/HSL
HEX/RGB/HSL
Allt keyrir staðbundið í vafranum þínum.

Bein textaforskoðun

Stór fyrirsögn (18pt feitletrað / 24pt venjulegt)

Þetta er forskoðun á stórum fyrirsagnar textastíl.

Venjulegur texti (undir 18pt)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Andstæðuhlutfall

18.6:1

WCAG 2.1 Samræmisstaða

WCAG AA Kröfur
Venjulegur texti (4.5:1) PASS
Stór texti (3.0:1) PASS
WCAG AAA Kröfur
Venjulegur texti (7.0:1) PASS
Stór texti (4.5:1) PASS

WCAG 2.1 Leiðbeiningar

Auðvelt að staðfesta birtuskilyrði til að byggja aðgengileg viðmót sem uppfylla Section 508, ADA og WCAG AA eða AAA leiðbeiningar.

Tillagna vél

Stilltu liti sjálfkrafa stigvaxandi eftir HSL-hnitum til að finna næstu valkosti sem uppfylla andstæðuhlutfallskröfur.

Alveg á biðlara

Útreikningar eru framkvæmdir staðbundið innan vafrasamhengis þíns. Engir litir, skrár eða fjarmælingarhnit eru send til þjóna okkar.

Tengd litatól

HEX-, RGB- og HSL-litabreytir
Breyta litum og stilla ljósstyrk.
Litaval úr mynd
Draga litatöflur úr hönnunarfyrirmyndum.
CSS-litabreytir
Umbreyttu á milli CMYK, HSV, RGB, HSL og HEX sniða.

Litaskerpuprófari

Reiknaðu WCAG birtuskilshlutföll fyrir forgrunns- og bakgrunnsliti og sýndu algengar textastærðarniðurstöður.

Inntak
Tvö gild CSS lit og valfrjáls forskoðunartexti.
Úttak
Andstæðuhlutfall með WCAG AA og AAA stöðu- eða bilunarvísum.
Raunverulegar takmarkanir
Útreikningurinn nær aðeins til ljómunarandstæðu; hann staðfestir ekki viðmót eða tekur tillit til leturgerðar, hreyfingar, fókus eða litlausra vísbendinga.
Persónuvernd og gagnameðferð
Tvö gildi CSS litur og valandi fyrirmynd texta er meðhöndlað í þessari síföngusamann. Convertr fær ekki eða lagrar það; lokað eða endurlætning síðu fer út vinnu stefnu nema tólin sýnir uppsökvætt staðbundna niðurlæggingu.

Hvernig á að nota þetta tól

  1. Tilgreindu tvo gilda CSS liti og valfrjálsan forskoðunartexta í tólstýringunum.
  2. Veldu stillingar sem hafa áhrif á birtuskilahlutfall með WCAG AA og AAA standast eða falla vísbendingum, keyrðu síðan verkfærið.
  3. Skoðaðu birtuskilahlutfall með WCAG AA og AAA standast eða falla vísbendingum áður en þú afritar eða hleður því niður.

Algengar bilunarleiðir

Ógilda liti er ekki hægt að mæla, og gagnsæi án upplýsts bakgrunns getur gert hlutfall merkingarlaust.

Gagnlegt dæmi

Berðu saman #1f2937 texta á #ffffff til að skoða hlutfall hans fyrir venjulegan og stóran texta.