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

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

1.00:1
Контраст
Fail
Многу лош

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

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

Голем текст

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

Брзи поправки

Aa

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

Брзата кафеава лисица скока преку мрзливото куче

Пример за мал текст (12px)

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

WCAG стандарди

Level AA

Минимален сооднос на контраст од 4,5:1 за нормален текст и 3:1 за голем текст. Задолжителен за повеќето веб-страници.

Level AAA

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

Лош контраст за сите големини на текст.

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

Пресметајте го односот на контраст на боите на текстот и позадината.

Изберете боја користејќи го избирачот на бои за бојата на текстот и заднината или внесете боја во RGB хексадецимален формат (на пр., #259 или #2596BE). Можете да го прилагодите лизгачот за да изберете боја. Упатствата за пристапност на веб-содржини (WCAG) имаат специфично упатство за да помогнеме да дознаеме дали текстот е читлив за корисници со вид. Овој критериум користи одреден алгоритам за мапирање на комбинации на бои во споредливи соодноси. Користејќи ја оваа формула, WCAG наведува дека соодносот на контраст на боја од 4,5:1 со текстот и неговата позадина е соодветен за редовен (тело) текст, а големиот текст (18+ pt регуларен или 14+ pt задебелен) треба да има најмалку 3: Сооднос на контраст од 1 боја.

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

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

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

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