Як вручну перевірити контраст кольорів для доступності?
Інструменти, які допоможуть перевірити доступність кольору
- Перевірка контрастності WebAIM є простим у використанні інструментом. …
- Розширення перевірки контрастності WCAG Google Chrome перевіряє контрастність кольорів елементів на існуючій веб-сторінці. …
- Висококонтрастне розширення браузера Google Chrome може змінювати або інвертувати колірну схему, щоб полегшити читання веб-сторінок.
Відкрийте Палітру кольорів поруч із декларацією кольору тексту елемента та в Палітрі кольорів розгорніть розділ Контрастність. Засіб вибору кольорів повідомляє вам, що коефіцієнт контрастності не відповідає рівням AA або AAA згідно з рекомендаціями WebAIM. Використовуйте кнопку запропонованого кольору біля рівня AAA.
Безкоштовний онлайн-симулятор дальтонізму Coblis показує, як певний вміст переглядають люди з різними станами. Використовуйте повзунок на зображенні, щоб показати, як людина з дальтонізмом може бачити інформацію. Зверніть увагу, що цей інтерактивний елемент не повністю доступний користувачам клавіатури.
Вимірюється контрастність використовуючи формулу, яка дає співвідношення в діапазоні від 1:1 (білий текст на білому фоні) до 21:1 (чорний текст на білому фоні). Використовуючи цю формулу, мінімальні вимоги до контрастності: 4,5:1 – для тексту звичайного розміру. 3,0:1 – для великого тексту (24 або 18,5 пікселів напівжирним або більше)
Найпростіший спосіб побачити властивий вам колірний контраст – це фотографувати своє обличчя та волосся. Потім скористайтеся налаштуваннями свого телефону, щоб змінити його на монотонне зображення у відтінках сірого. Тепер ви побачите різницю між інтенсивністю волосся, очей і шкіри.