10 инструмента за проверка на контраста на вашия дизайн, за да подобрите неговата „четимост“

Ако се чудите защо ме е грижа (и защо смятам, че вие трябва да се интересувате) от цветовия контраст на уебсайт, това е много просто. Ако текстът няма достатъчно контраст с фона, хората ще имат проблеми. Всеки, който е далтонист или който сърфира в мрежата при не толкова идеални условия (лош монитор, отражения на прозорците, отблясъци от слънцето), няма да може да прочете текста, поне без затруднения.

А ти не искаш това, нали? Ако публикувате нещо на сайта, както правят повечето от нас, предполагам, че е защото искате то да бъде прочетено. Така че цветовият контраст, независимо дали мислите за това или не, е много важен за вас, вашите клиенти и крайни потребители.

След като споменахме всичко това, нека да преминем към самите инструменти. Някои от тях могат да се използват през мрежата, докато други са отделни приложения или добавки към браузъра.

Всички инструменти, които споменах тук, са безплатни, така че опитайте ги всички, за да намерите това, което работи за вас в ежедневната ви работа. Не мисля, че има голяма разлика какво точно ще използвате за определяне на съотношението на контраста и с приложение за симулиране на цветна слепота.

Инструментите за симулация на цветна слепота ще ви уведомят колко трудно наистина може да бъде за далтонист да различи връзки, които се различават само по цвят, от текста около тях.

И накрая, не мисля, че резултатите от тези приложения (или по-скоро използваните от тях алгоритми) трябва да се следват сляпо. Големи заглавия и текст, който не е важен, може да не преминат теста, докато основният текст (например текстът на написана статия) е задължителен.

Използвайте тези резултати като ръководство, приложете здравия си разум и ще можете да постигнете баланс между здравословен контраст и приятна естетика.

От alexbig: за да не търсите задръствания след дизайна - направете го правилно от самото начало (или обяснете на дизайнерите как да го използвате, ако не зависи от вас!).

И тук можете да получите грант за тестов период на Yandex.Cloud. Необходимо е само да въведете "Habr" в полето "секретна парола".