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

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

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

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

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

    Чоң текст

    AA (3:1)
    AAA (4.5:1)
    #FFFFFF
    #ffffff
    #FF69B4
    #ff69b4

    Тез оңдоолор

    Aa

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

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

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

    Текст
    #ffffff
    Фон
    #ff69b4

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

    Level AA

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

    Level AAA

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

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

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

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

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

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

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

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

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