Контраст (минимум)

Какво се изисква

Текстът и изображенията на текст трябва да имат съотношение на контраст поне 4,5:1 спрямо фона. Едрият текст — дефиниран като 18pt (24px) с нормално тегло или 14pt (18,66px) получер — изисква само 3:1. Съотношението се изчислява от относителната яркост на преден и заден план. Логотипи, марки и чисто декоративен текст са освободени. Неактивните елементи за управление също са освободени, но тази изключение е по-тясно, отколкото дизайнерите обикновено приемат.

Как да се изпълни

• Всяка комбинация текст-на-фон се проверява с инструмент за контраст (axe DevTools, WebAIM, Stark, приставки за Figma). Минималната стойност е 4,5:1.
• Светлосивият текст-заместник в полета на форми трябва да достига поне 4,5:1 спрямо фона на полето — текстът-заместник е текст.
• Проверяват се секциите с текст върху изображение. Цветът на фона варира пиксел по пиксел, затова се проверява най-лошото място или се добавя тъмно покритие.
• При тъмен режим всяко съотношение се преизчислява — цветовите токени, преминаващи проверката на бял фон, често се провалят на почти черен.
• За цветове на марка, неотговарящи на изискването върху бял фон, цветът се потъмнява само за текст; оригиналният цвят се запазва за графики.
• При бутони се взема предвид контрастът на етикета спрямо фона на бутона, а не на бутона спрямо страницата.

Чести грешки

• Светлосив помощен текст (#999 на #fff = 2,85:1) в полета на форми — не отговаря значително на изискването.
• Бял текст върху бутон в цвят на марка, при който цветът е средно наситен (оранжев, жълто-зелен, морско-зелен).
• Заглавия на представителни секции върху снимки без покритие — контрастът варира по изображението и нерядко пада под 3:1.
• Текст-заместник, използващ същия цвят като етикета, но с по-малко тегло — най-ниско контрастният елемент на страницата.
• „Неактивни” или „забранени” бутони, оформени с 2:1, което е допустимо само ако наистина не са интерактивни — но те нерядко остават достъпни с Tab, с което изключението отпада.
• Токени за тъмен режим, огледално копирани от светлия режим без преизчисляване на съотношенията — #bbb на #222 е близо до изискването, но не го изпълнява напълно.

Защо е важно

Критерий 1.4.3 е единичното изискване, цитирано най-често при одити на WCAG. Lighthouse, axe, Stark и всеки автоматизиран инструмент го засичат надеждно, следователно е и най-евтиният за констатиране. Поправката обикновено е промяна в един дизайнерски токен, каскадираща из цялата система — извършва се веднъж, тества се веднъж, пуска се. Пренебрегването му е почти винаги компромис между марката и достъпността, завършващ с жалба.