Провера контраста боја

Тестирајте однос контраста између боја предњег плана и позадине како бисте осигурали приступачност.

1.00:1
Контраст
Fail
Веома лоше

Нормалан текст

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

Велики текст

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#0088cc

Брза решења

Aa

Преглед наслова

Брза смеђа лисица прескаче преко лењог пса

Пример малог текста (12 пиксела)

Текст
#000000
Позадина
#0088cc

WCAG стандарди

Level AA

Минимални однос контраста је 4,5:1 за нормалан текст и 3:1 за велики текст. Потребно за већину веб-сајтова.

Level AAA

Побољшани однос контраста од 7:1 за нормалан текст и 4,5:1 за велики текст. Препоручује се за оптималну приступачност.

Лош контраст за све величине текста.

Провера контраста боја

Израчунајте однос контраста текста и боја позадине.

Изаберите боју помоћу бирача боја за боју текста и позадине или унесите боју у РГБ хексадецималном формату (нпр. #259 или #2596БЕ). Можете подесити клизач да бисте изабрали боју. Смернице за приступачност веб садржаја (ВЦАГ) имају посебне смернице које помажу да се утврди да ли је текст читљив за кориснике који виде. Овај критеријум користи одређени алгоритам за мапирање комбинација боја у упоредиве односе. Користећи ову формулу, ВЦАГ наводи да је однос контраста боја 4,5:1 са текстом и његовом позадином адекватан за обичан (телесни) текст, а велики текст (18+ пт регулар, или 14+ пт болд) треба да има најмање 3: 1 однос контраста боја.

Кључне карактеристике

  • Израчунавање контраста у реалном времену
  • Провера усаглашености са WCAG AA и AAA
  • HSL клизачи за фино подешавање
  • Вишеструки формати прегледа

Напредни алати

  • Аутоматско фиксирање боја
  • Узорци текста и позадине
  • Детекција назива боје
  • Извези резултате