Безпечний колір є необхідним дизайнером інструменту вибору кольорів, сумісним з WCAG

Веб-дизайнери постійно просуваються більшої доступності. Це означає збільшена підтримка в Інтернеті для погіршення слуху та зору, які можуть включати проблеми з читанням висококонтрастних веб-сайтів.

The Колір безпечний веб-додаток ідеально підходить для пошуку потрібних кольорів, які відповідають саме вам. Це безкоштовний веб-додаток вимірює якість контрастності тексту, на основі кольору фону, розміру шрифту та сімейства шрифтів.

Це дуже інтерактивна веб-програма, тому вона є не просто ще один генератор кольорової схеми.

Спочатку ви введіть колір фону і виберіть шрифт ви використовуєте. Це не повинно бути точною відповіддю, але ви повинні спробувати отримати правильний розмір і розташування. Спробуйте відповідати своїм сторінкам зміст тіла, а не заголовки.

Після натискання “в порядку”, Ви отримаєте новий екран повно кольорових рекомендацій. Ви можете переглядати колірний вибір, який найкраще відповідає вибраному фону, щоб знайти кольори тексту за допомогою високі коефіцієнти читабельності.

WCAG має дуже суворі вимоги до співвідношення контрастності кольору щоб отримати пропускний бал (або AA або AAA). Цей рейтинг базується на певного співвідношення, обчислюється шістнадцятковими кодами і дисонансом один до одного.

Наприклад, яскраво-зелений шрифт на яскраво-червоному тлі - відмінний спосіб провалити рейтинг WCAG. Ось чому цей інструмент настільки цінний.

Замість випадкового вибору кольорів у Photoshop можна вибрати попередньо визначених варіантів кольору з урахуванням вашого фону. Це забезпечує високий коефіцієнт зчитування і плавний досвід для всіх користувачів.

Ми зробили величезний пост на колірний контраст для доступності, так що обов'язково перевірте це, якщо ви хочете дізнатися більше. І, якщо ви застрягли знайти великий комбо кольору для вашого веб-сайту відвідати Color Safe і дати йому постріл. Це, безумовно, допоможе вам знайдіть колірну схему, яка працює.