Проверка на цветови контраст (WCAG)

Как да проверя цветовия контраст?

Как се използва

  1. Въведете стойностите си в полетата по-горе.
  2. Натиснете "Изчисли", за да видите резултата.
  3. Използвайте "Сподели", за да изпратите резултата си.

За този калкулатор

Този инструмент изчислява WCAG коефициента на контраст между цвят на преден план и фонов цвят — стойност от 1:1 (идентични цветове, без контраст) до 21:1 (чисто черно върху чисто бяло), изчислена от относителната яркост на всеки цвят. След това сравнява това съотношение спрямо официалните прагове за достъпност AA и AAA — 4,5:1 за AA и 7:1 за AAA (стандартът позволява и по-нисък праг от 3:1 за едър текст, който този инструмент не прилага) — за да покаже дали дадена комбинация от текст и фон е наистина достатъчно четлива, за да отговаря на стандартите за достъпност.

Използва се от уеб дизайнери и front-end разработчици, проверяващи цветова палитра преди пускането ѝ, тъй като нискоконтрастният текст е едно от най-честите оплаквания за достъпност и може да не отговаря на законови изисквания за достъпност в някои юрисдикции. Одитори на достъпност също използват същото изчисление при преглед на уебсайт или приложение за съответствие с WCAG, а системите за дизайн често вграждат директно цветови двойки, преминаващи AA, в библиотеките си от компоненти, за да избегнат проблема напълно.

Was this helpful?

Можете да изберете до 3 реакции.

Comments (0)

  • Be the first to comment.

Популярни калкулатори

Всички калкулатори