Избор на цветове, които всеки може да прочете
От The AsasWeb team 2 мин четене
WCAG изисква контрастно съотношение поне 4,5:1 за основния текст и 3:1 за едър текст и елементи на интерфейса. Надеждният начин да постигнете тези цели е да ги вградите в палитрата от самото начало, изберете тъмно мастило и светла повърхност, които минават с резерв, после проверете всяка двойка цветове с инструмент за контраст. Никога не сигнализирайте нищо само с цвят и проверявайте тъмния режим отделно, защото палитра, която минава на бяло, може да се провали на почти черно.
Текстът с нисък контраст изглежда елегантно в дизайнерски инструмент и изчезва в реалния живот: на слънце, на евтин екран или за всеки с намалено зрение. Достъпният цвят не е свързан със загрозяване на бранда ви. Той е свързан с това да се уверите, че хората наистина могат да го прочетат.
Познавайте целите
WCAG задава ясни минимуми. Текстът на тялото се нуждае от контрастно съотношение от поне 4,5 към 1 спрямо своя фон. Едрият текст, от около 24 пиксела, и елементите на потребителския интерфейс се нуждаят от поне 3 към 1. Това са подове, а не цели, и са лесни за проверка с всеки инструмент за контраст.
Вградете контраста в палитрата си
Хитростта е да проектирате палитрата около тези цели от самото начало, вместо да откривате провали накрая. Изберете тъмно мастило и светла повърхност, които минават удобно, после изберете акцентни цветове, които работят както като текст, така и като запълване. На този сайт всяка двойка цветове е документирана с измереното си съотношение, така че нищо да не се изплъзне.
Не разчитайте само на цвета
Цветът никога не трябва да бъде единственият начин да сигнализирате нещо. Задължително поле, грешка, връзка в абзац: всяко се нуждае от втора подсказка, като текст, икона или подчертаване. Хората, които не възприемат цветовите разлики, все още се нуждаят от съобщението.
Имайте предвид тъмния режим
Палитра, която минава в светъл режим, може да се провали в тъмен режим, където цвят на бранда, който изглеждаше добре на бяло, може да е твърде блед на почти черна повърхност. Всяка тема се нуждае от свои собствени проверени стойности.
Третираме контраста като измерено число, а не като предположение. Ако не сте сигурни, че цветовете на вашия бранд минават, започнете проект и ние ще ги одитираме и ще намерим палитра, която е едновременно в духа на бранда и четима.