converlab

Дизайн. Юзабилити. Конверсия.

Written by: Дмитрий Наумов on 15.04.2010 @ 12:00 пп

Хороший контраст – одна из основополагающих вещей, которая определяет будет читателю на сайте комфортно или нет. Плохой контраст заставляет напрягаться зрение, а потому, читать в таких условиях долго очень сложно. Поэтому удовольствия от посещения вашего сайта человек вряд-ли получит и спасибо вам не скажет.

Да что я все о чтении да, о чтении. О контрасте следует помнить не только когда речь заходит о тексте. Те элементы сайта к которым вы хотите привлечь внимания должны быть контрасты, иначе важную деталь посетитель может просо пропустить, а вы чего-то там недополучите.

В общем, о контрасте тоже нужно думать и думать основательно. Принять правильное решение относительно контраста вам поможет замечательный инструмент, который я для вас припас.

Имя ему Colour Contrast Check:

инструмент для оценки контраста Сolour Сontrast СheckКак видите, интерфейс крайне простой. Два первых окошка – параметры сравниваемых цветов, в третьем вы можете видите результат. С помощью Сolour Сontrast Сheck вы можете как подбирать сочетание «с нуля», так и проверить уже существующее.

Максимальный контраст, как известно, контраст черного и белого. Это универсальное сочетание, но это не означает что его нужно использовать везде и всегда. В конце концов, это было бы скучно. Не стоит отказывать себе в иных сочетаниях, но ориентируйтесь на следующий результат и к этому же стремитесь:
Are colours compliant? (сочетаемые ли цвета?) – ответ всегда должен быть YES;
Contrast Ratio (значение или коэф. контрастности) – не менее 10;
WCAG 2 AA Compliant - YES;
WCAG 2 AA Compliant (18pt+) - YES;
WCAG 2 AAA Compliant - YES;
WCAG 2 AAA Compliant (18pt+) - YES;

Чтобы не забивать вам голову, последние четыре значения – это соответствие рекомендациям. Кому интересен вопрос, может посмотреть на сайте W3C. Ну, а у меня на этом все, подписывайтесь на обновления чтобы не пропустить что-нибудь интересное!

Popularity: 6% [?]

Поделиться в соц. сетях

0

Tags: , ,

Catogories: Дизайн, Инструменты

Comments are closed.