Kontrollues Kontrasti Ngjyrash WCAG Falas

Kontrolloni nëse dy ngjyra plotësojnë standardet e kontrastit WCAG AA dhe AAA për aksesueshmëri. Parashikim i drejtpërdrejtë në madhësi të shumta teksti me sugjerime automatike kur kontrasti është shumë i ulët.

Funksionon jashtë linje sapo ngarkohet

Tekst titulli i madh

Tekst trupor mesatar (18px) për lexim dhe përmbajtje.

Tekst trupor normal (16px) për paragrafë.

Tekst trupor i vogël (14px) për titra dhe metadata.

14.63:1

Raporti i kontrastit

✓WCAG AA — Tekst normal

Kërkohet 4.5:1 · Ju keni 14.63:1

✓WCAG AA — Tekst i madh

Kërkohet 3.0:1 · Ju keni 14.63:1

✓WCAG AAA — Tekst normal

Kërkohet 7.0:1 · Ju keni 14.63:1

✓WCAG AAA — Tekst i madh

Kërkohet 4.5:1 · Ju keni 14.63:1

✓Përbërës UI / objekte grafike

Kërkohet 3.0:1 · Ju keni 14.63:1

Paracaktime të shpejta

Bazuar në udhëzimet e kontrastit WCAG 2.1. Tekst i madh = 18pt (24px) normal ose 14pt (18.66px) i trashë. Kodet hex përditësohen në të dy drejtimet: shkruani një kod hex ose zgjidhni një ngjyrë, të dyja hyrjet mbeten të sinkronizuara.

Si funksionon

Kontrolli i kontrastit funksionon tërësisht në shfletuesin tënd duke përdorur algoritmin e ndriçimit relativ WCAG 2.1 — pa bibliotekë, pa server, vetëm matematikë e shkruar me dorë që ndjek specifikimin saktësisht. Çdo rezultat përditësohet në kohë reale kur shkruan ose zgjedh një ngjyrë.

  1. 1
    Hyrje heks dhe normalizim
    Pranohen dhe normalizohen në trefish të plotë RGB si vlerat heks 3-shifrore (#abc) ashtu edhe 6-shifrore (#aabbcc). Hyrja e pavlefshme refuzohet menjëherë në vend që të kthehet heshtazi te e zeza, kështu që shfaqet një kufi i kuq në vend të një rezultati kaloi mashtrues.
  2. 2
    Llogaritja e ndriçimit WCAG
    Çdo ngjyrë konvertohet në ndriçim relativ duke përdorur formulën WCAG 2.1: vlerat e kanalit sRGB linearizohen me një korrigjim gama pjesë-pjesë (duke pjesëtuar me 12.92 nën 0.03928, duke e ngritur në fuqinë 2.4 mbi atë), pastaj peshohen si 0.2126R + 0.7152G + 0.0722B.
  3. 3
    Raporti i kontrastit dhe kontrollet e përputhshmërisë
    Raporti i kontrastit llogaritet si (më e çelëta + 0.05) / (më e errëta + 0.05) dhe kontrollohet kundrejt të gjitha pesë pragjeve WCAG: tekst normal AA (4.5:1), tekst i madh AA (3:1), tekst normal AAA (7:1), tekst i madh AAA (4.5:1), dhe komponentë UI (3:1). Rezultatet përditësohen me çdo goditje tastiere.
  4. 4
    Sugjerime rregullimi që ruajnë ngjyrimin
    Kur çifti dështon WCAG AA, mjeti kërkon në hapësirën e ndriçimit HSL — duke lëvizur jashtë nga ndriçimi origjinal në të dy drejtimet — për të gjetur variantin më të afërt të çdo ngjyre që kalon 4.5:1 duke ruajtur të njëjtin ngjyrim dhe saturim. API-ja EyeDropper (Chromium) është gjithashtu e disponueshme për të marrë çdo ngjyrë direkt nga ekrani yt.

Mjete të ngjashme

Pyetjet e bëra më shpesh