Праверка кантрасту колераў

Праверка каэфіцыента кантрасту паміж пярэднім планам і фонам для забеспячэння даступнасці.

1.00:1
Кантраст
Fail
Вельмі дрэнна

Звычайны тэкст

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

Вялікі тэкст

AA (3:1)
AAA (4.5:1)
White
#ffffff
Black
#b400ff

Хуткія выпраўленні

Aa

Загаловак папярэдняга прагляду

Хуткая карычневая ліса пераскоквае праз лянівага сабаку

Прыклад малога тэксту (12px)

Тэкст
#ffffff
Фон
#b400ff

Стандарты WCAG

Level AA

Мінімальны каэфіцыент кантрасту 4.5:1 для звычайнага тэксту і 3:1 для вялікага тэксту. Абавязкова для большасці вэб-сайтаў.

Level AAA

Павышаны каэфіцыент кантрасту 7:1 для звычайнага тэксту і 4.5:1 для вялікага тэксту. Рэкамендуецца для аптымальнай даступнасці.

Недастатковы кантраст для ўсіх памераў тэксту - не адпавядае стандартам WCAG.

Праверка кантрасту колераў

Вылічэнне каэфіцыента кантрасту тэксту і фону.

Выберы колер з дапамогай Selector de color для тэксту і фону або ўвядзі колер у фармаце RGB hexadecimal (напрыклад, #259 або #2596BE). Ты можаш наладзіць паўзунок для выбару колеру. Кіраўніцтва па даступнасці вэб-кантэнту (WCAG) мае спецыфічныя рэкамендацыі, каб дапамагчы вызначыць, ці з'яўляецца тэкст чытэльным для карыстальнікаў з добрым зрокам. Гэты крытэрый выкарыстоўвае пэўны алгарытм для пераўтварэння камбінацый колераў у параўнальныя каэфіцыенты. Згодна з гэтай формулай, WCAG сцвярджае, што каэфіцыент кантрасту 4.5:1 паміж тэкстам і яго фонам з'яўляецца дастатковым для звычайнага (асноўнага) тэксту, а вялікі тэкст (18+ pt звычайны або 14+ pt тлусты) павінен мець як мінімум каэфіцыент кантрасту 3:1.

Асноўныя асаблівасці

  • Разлік суадносін кантрасту ў рэжыме рэальнага часу
  • Праверка адпаведнасці WCAG AA & AAA
  • Слайдары HSL для тонкай налады
  • Некалькі фарматаў прагляду

Прасунутыя інструменты

  • Аўтаматычная выпраўленне колеру
  • Узоры тэксту і фону
  • Вызначэнне назвы колеру
  • Экспарт вынікаў