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

    Перевірте співвідношення контрастності між кольорами переднього і заднього планів, щоб переконатися в доступності.

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

    Колір тексту
    Колір фону
    Контраст
    Fail
    Невеликий текст
    ✖︎
    Великий текст
    ✖︎

    Кожен є генієм. Але якщо судити про рибу за її здатністю залізти на дерево, вона проживе все життя, вважаючи себе дурною.

    - Albert Einstein

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

    Розрахуйте коефіцієнт контрастності кольорів тексту та фону.

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