Түс контрастын текшерүүчү

Түстөрүңдү текшер

Түс айкалыштарын текшерип, тексттин окумдуулугу үчүн WCAG жеткиликтүүлүк стандарттарына жооп берерин текшериңиз.

1.00:1

Контраст

Өтпөдү

Өтө начар

Кадимки текст

AA (4.5:1)

AAA (7:1)

Чоң текст

AA (3:1)

AAA (4.5:1)

Тексттин түсү

Фондун түсү

Тез оңдоолор

Алдын ала көрүү аталышы

Тез күрөң түлкү жалкоо иттин үстүнөн секирет

Кичинекей текст мисалы (12px)

Текст

#ffffff

Фон

#156082

WCAG стандарттары

AA деңгээли

Адаттагы текст үчүн минимум контраст катышы 4.5:1 жана чоң текст үчүн 3:1. Көптөгөн веб-сайттар үчүн талап кылынат.

AAA деңгээли

Адаттагы текст үчүн жакшыртылган контраст катышы 7:1 жана чоң текст үчүн 4.5:1. Оптималдуу жеткиликтүүлүк үчүн сунушталат.

Бардык текст өлчөмдөрү үчүн жетишсиз контраст - WCAG стандарттарына жооп бербейт.

Текст жана фон түстөрүнүн контраст коэффициентин эсептеңиз.

Текст жана фон үчүн түс тандоо же RGB он алтылык форматта түс киргизүү үчүн түс тандоочу куралды колдонуңуз (мисалы, #259 же #2596BE). Түс тандоо үчүн слайдерди жөндөй аласыз. Веб Мазмунуна Жеткиликтүүлүк боюнча Нускамалар (WCAG) тексттин көрүнүшү жакшы болуш үчүн атайын нускаманы сунуштайт. Бул критерий түстөрдүн айкалышын салыштырмалуу катыштарга карта үчүн атайын алгоритмди колдонуп жатат. Бул формулага ылайык, WCAG текст жана анын фону үчүн 4.5:1 түс контрасттын катышы дене (параграф) тексти жана чоң текст үчүн эң аз 3:1 контраст катышын талап кылат.

Негизги өзгөчөлүктөр

Реалдуу убакытта контраст коэффициентин эсептөө
WCAG AA & AAA талаптарына жооп берүү текшерүүсү
Тактоо үчүн HSL слайдерлери
Бир нече алдын ала көрүү форматтары

Өркүндөтүлгөн куралдар

Автоматтык түрдө түстү оңдоо
Текст жана фон үлгүлөрү
Түс атын аныктоо
Жыйынтыктарды экспорттоо

Көп берилүүчү суроолор

WCAG AA шартына ылайык кадимки текст үчүн минималдуу контраст коэффициенти 4,5:1 болушу керек, ал эми чоң текст (18pt же калың 14pt) үчүн 3:1 жетиши керек.

WCAG AAA жогорку контраст коэффициенттерин талап кылат: кадимки текст үчүн 7:1, чоң текст үчүн 4,5:1, ал эми AA үчүн тиешелүүлүгүнө жараша 4,5:1 жана 3:1.

Текст же фон түсүн дизайныңыздын максатын сактап автоматтык оңдоо функциясы менен тууралаңыз же визуалдык белгилери бар HSL слайдерлери менен түстөрдү өзүңүз тууралаңыз. Алар AA/AAA шартына ылайыктуу оптималдуу зоналарды көрсөтөт.

Жашыл зоналар жана AA/AAA белгилери WCAG шартына жетүү үчүн оптималдуу диапазондорду көрсөтөт. Багыт кеңештери (Жарыгыраак/Караңгыраак) учурдагы түс айкалышыңызга жараша жакшыраак контрастка багыт берет.

Ооба, каалаган HEX түс коддорун киргизсеңиз же түс тандагыч менен өз түстөрүңүздү тандасаңыз болот. URL автоматтык түрдө жаңыланат, ошондуктан конкреттүү түс айкалыштарын бөлүшө аласыз.