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

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

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 для вялікага тэксту. Рэкамендуецца для аптымальнай даступнасці.

Дрэнная кантраснасць для ўсіх памераў тэксту.

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

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

Выберыце колер з дапамогай выбару колеру тэксту і фону або ўвядзіце колер у шаснаццатковым фармаце RGB (напрыклад, #259 або #2596BE). Вы можаце наладзіць паўзунок, каб выбраць колер. Кіраўніцтва па даступнасці вэб-кантэнту (WCAG) мае спецыяльнае кіраўніцтва, якое дапаможа высветліць, ці чытаецца тэкст для відучых карыстальнікаў. Гэты крытэр выкарыстоўвае пэўны алгарытм для адлюстравання камбінацый колераў у супастаўныя суадносіны. Выкарыстоўваючы гэтую формулу, WCAG сцвярджае, што каэфіцыент каляровай кантраснасці 4,5:1 з тэкстам і яго фонам адэкватны для звычайнага (галоўнага) тэксту, а вялікі тэкст (18+ пт звычайнага або 14+ тлусты) павінен мець прынамсі 3: 1 каэфіцыент каляровай кантраснасці.

Асноўныя характарыстыкі

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

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

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