Kontrollues ngjyra kontrast
Evaluate the contrast ratio of text and background colors based on WCAG 2.1 guidelines. Instantly generate accessible color adjustments.
Përshkrimi i tekstit të drejtpërdrejtë
Fjalë kyçe (18pt i fortë / 24pt i rregullt)
Kjo është një parashikim i madh i stilit të tekstit të titullit.
Tekst i zakonshëm (më pak se 18pt)
Lorem ipsum dolor sit amet, konsectetur adipiscing elit.
Rregullat kontrast
WCAG 2.1 Status i përputhshmërisë
WCAG 2.1 Udhëzimet
Lehtë verifikoni standardet e kontrastit për të ndërtuar ndërfaqe të arritshme që i përshtaten udhëzimet e seksionit 508, ADA dhe WCAG AA ose AAA.
Propozimet motor
Automatikisht përshtatet ngjyra në mënyrë incentrale gjatë koordinatave HSL për të gjetur alternativat më të afërta që përmbushin kriteret e raportit kontrast.
Përqindja e plotë e klientit
Kompjuterat janë kryer në mënyrë lokale brenda kontekstit të shfletuesit tuaj. asnjë ngjyrë, skedarë ose koordinata telemetri nuk transmetohet në serverat tanë.
Mjetet e ngjyrave të lidhura
Kontrolli i ngjyrave kontrast
Llogaritni raportet kontrasti WCAG për ngjyrat e para dhe të sfondit dhe tregoni rezultatet e përbashkëta të madhësisë së tekstit.
- hyrje
- Dy ngjyra të vlefshme CSS dhe tekst paraprak opsional.
- Shkarkimi
- Një raport kontrast me WCAG AA dhe AAA kalojnë ose dështojnë treguesit.
- kufizimet e vërteta
- Llogaritja mbulon vetëm kontrastin e lumturisë; ajo nuk certifikon një ndërfaqe ose llogari për renditjen e shkronjave, lëvizjen, fokusin ose ngjyrat jo të ngjyrave.
- Privatësia dhe përpunimi i të dhënave
- Dy ngjyra të vlefshme CSS dhe tekst paraprak opsional përpunohen në këtë fletë shfletuesi. konvertuesi nuk e merr ose ruaj atë; mbyllja ose rilindja e faqes pastron gjendjen e punës, përveç nëse mjetet ofrojnë një shkarkim lokal.
Si ta përdorni këtë mjet
- Siguroni dy ngjyra të vlefshme CSS dhe tekstin e paraqitjes opsionale në kontrollet e mjeteve.
- Zgjidhni cilësimet që ndikojnë në një raport kontrasti me WCAG AA dhe AAA kalon ose dështojnë treguesit, pastaj drejtuar mjetin.
- Shqyrtoni një raport kontrast me WCAG AA dhe AAA kalojnë ose dështojnë treguesit para se të kopjoni ose shkarkoni atë.
Modaliteti i dështimit të përbashkët
Ngjyra e pavlefshme nuk mund të matet, dhe transparenca pa një sfond të zgjidhur mund të bëjë një raport të pakuptimtë.
Për shembull të dobishëm
Krahasoni tekstin #f2937 në #ffffff për të shqyrtuar raportin e tij për tekstin normal dhe të madh.