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

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

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

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

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

    Үлкен мәтін

    AA (3:1)
    AAA (4.5:1)
    Black
    #000000
    Black
    #2596be

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

    Aa

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

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

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

    Мәтін
    #000000
    Фон
    #2596be

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

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

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