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

Алдыңкы жана арткы пландагы түстөрдүн контраст коэффициентин текшерип, жеткиликтүүлүктү камсыз кылыңыз.

1.00:1
Контраст
Fail
Өтө начар

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

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

Чоң текст

AA (3:1)
AAA (4.5:1)
White
#ffffff
Abbey
#4c4f56

Тез оңдоолор

Aa

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

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

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

Текст
#ffffff
Фон
#4c4f56

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

Level AA

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

Level AAA

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

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

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

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

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

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

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

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

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