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

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

1.00:1
Контраст
Fail
Өте нашар

Кәдімгі мәтін

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

Үлкен мәтін

AA (3:1)
AAA (4.5:1)
White
#ffffff
Paris Daisy
#fff46e

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

Aa

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

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

Кіші мәтін мысалы (12px)

Мәтін
#ffffff
Фон
#fff46e

WCAG стандарттары

Level AA

Кәдімгі мәтін үшін 4.5:1 минималды контраст коэффициенті және үлкен мәтін үшін 3:1. Көптеген веб-сайттар үшін қажет.

Level AAA

Кәдімгі мәтін үшін 7:1 жетілдірілген контраст коэффициенті және үлкен мәтін үшін 4.5:1. Оптималды қолжетімділік үшін ұсынылады.

Барлық мәтін өлшемдері үшін жеткіліксіз контраст - WCAG стандарттарына сәйкес келмейді.

Түс контрастын тексеруші

Мәтін мен фон түстерінің контраст коэффициентін есептеңіз.

Мәтін мен фон түсі үшін түс таңдау құралын пайдаланып түс таңдаңыз немесе RGB он алтылық форматында түс енгізіңіз (мысалы, #259 немесе #2596BE). Түсті таңдау үшін жүгірткіні реттей аласыз. Веб-контенттің қолжетімділік нұсқаулары (WCAG) мәтіннің көру қабілеті бар пайдаланушылар үшін оқылуын анықтауға көмектесетін нақты нұсқаулыққа ие. Бұл критерий түс комбинацияларын салыстырмалы коэффициенттерге сәйкестендіру үшін белгілі бір алгоритмді пайдаланады. Осы формуланы пайдалана отырып, WCAG мәтін мен оның фонының 4.5:1 түс контраст коэффициенті кәдімгі (дене) мәтін үшін жеткілікті екенін және үлкен мәтін (18+ pt кәдімгі немесе 14+ pt қалың) кемінде 3:1 түс контраст коэффициентіне ие болуы керек екенін айтады.

Негізгі мүмкіндіктер

  • Контраст коэффициентін нақты уақытта есептеу
  • WCAG AA & AAA сәйкестігін тексеру
  • Нақтылау үшін HSL сырғытпалары
  • Көптеген алдын ала қарау форматтары

Кеңейтілген құралдар

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