Түс контрастын тексеру құралы

Қол жетімділікті қамтамасыз ету үшін алдыңғы және фондық түстер арасындағы контраст арақатынасын тексеріңіз.

1.00:1
Контраст
Fail
Өте кедей

Қалыпты мәтін

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

Үлкен мәтін

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#ff9995

Жылдам түзетулер

Aa

Алдын ала қарау тақырыбы

Жылдам қоңыр түлкі жалқау иттің үстінен секіреді

Шағын мәтіндік мысал (12px)

Мәтін
#000000
Фон
#ff9995

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 сырғытпалары
  • Бірнеше алдын ала қарау пішімдері

Жетілдірілген құралдар

  • Түсті автоматты түрде бекіту
  • Мәтін және фондық үлгілер
  • Түс атауын анықтау
  • Нәтижелерді экспорттау