Довідка:Контраст кольорів
Стандарт WCAG[en] 2.0 визначає контраст рівня AAA як вищий ніж 7:1, а рівня AA — як вищий ніж 4.5:1.
Проблема
ред.
Якщо у вас виставленні стандартні налаштування у Вікіпедії й ви читаєте цю сторінку через екран монітора, то ви скоріше не прочитаєте текст, що нижче:
- Це таємне повідомлення
бо він є текстом синього кольору на синьому фоні.
Текст, що ви зможете прочитати, такий як червоний текст на зеленому фоні, можете мати подібну проблему для людей із дальтонізмом.
Текст із низьким контрастом, такий як світло-сірий текст на темно-сірому фоні, створює подібну проблему для людей з іншими вадами зору.
Чим сильнішою є їхня вада зору, тим вищим має бути контраст, щоб вони змогли прочитати текст.
Політику проти дискримінації «затверджено Радою повірених Фонду Вікімедіа до застосування в усіх проєктах Вікімедіа. Її не можна обійти, послабити або проігнорувати локальними правилами». Вона каже: «Фонд Вікімедіа забороняє дискримінацію проти поточних або майбутніх користувачів... на основі... інвалідності».
Щоб уникнути цих проблем, ви повинні впевнитися, що текст відповідає настановам, які викладені у ВП:КОЛІР.
Рекомендовані інструменти
ред.Перелік інструментів, що можна використати для перевірки контрасту різних кольорів один щодо одного:
- Зокрема, Snook надає розлогу перевірку чи певний вибір кольору переднього і заднього фону відповідає стандарту WCAG 2.2[en] за різницею яскравості й кольору та коефіцієнту контрастності.
- Колір тексту та фону задається як значення у шістнадцятковій системі, використавши функцію «Перевірити (елемент)», яку надають більшість браузерів. Стандартним кольором для тексту синіх посилань у темі Vector є
#3366cc( ), а для переглянутих посилань —#795cb2( ). Обидва кольори завжди повинні перевірятися, на додачу до псевдо-чорного кольору звичайного тексту#202122( ), відносно будь-якого запропонованого кольору фону для випадку, якщо посилання буде додано пізніше.
- Декілька інших інструментів існують в мережі, але перевіряйте, чи вони є оновлені перед тим, як їх використовувати. Деякі інструменти засновані на алгоритмах WCAG 1.0, а чинним еталоном є алгоритми WCAG 2.0. Якщо інструмент явно не зазначає, що він заснований на WCAG 2.0, то вважайте, що він є застарілими.
- Команда дизайну Фонду Вікімедіа створила палітру з кольорами, що позначенні відносно до відповідності рівня AA. Їх використано у всіх елементах користувацького інтерфейсу в продуктах та основних темах Вікімедіа, комп'ютерних та мобільних версіях. Однак, вона не розглядає колір тексту посилань.
- Таблиця у Довідка:Контрастний фон для посилань показує результати для 14 відтінків темного і світлого фону для чорного тексту, білого тексту, тексту кольору посилань і тексту відвіданих посилань, що відповідають AAA.
- Google Chrome має налагоджувач кольорового контрасту з візуальним керівництвом та програмою вибору кольору.
- Ви можете завантажити програму Color Contrast Analyser, яка дозволяє вам обирати кольори на сторінці та перевіряти їхній контраст. Однак, впевніться, що використовуєте лише оновлений алгоритм «luminosity» (освітленості), а не «color brightness/difference» (яскравість кольору/різниця), що є застарілим.
- Деякі додаткові інструменти вказані у Довідка:Кольорові схеми для діаграм та карт.