Юзабилити и дизайн сайта
При разработке дизайна сайта важно помнить о том, что с вашим ресурсом будет работать множество пользователей, в том числе и люди с ограниченными возможностями: слепые, дальтоники, плохо слышащие, люди с проблемами опорно-двигательного аппарата и т. д.
Дизайн сайта, учитывающий потребности и возможности данной категории пользователей, называется доступным.
Доступность открывает перед людьми с ограниченными возможностями новые горизонты, позволяя вести нормальный диалог с веб-сайтом. Вот только, к сожалению, далеко не все дизайнеры правильно понимают суть этого термина, основные моменты которого мы и рассмотрим.
Доступность не является преградой для новаторства
При создании сайта учитывайте не какой-то конкретный круг лиц и их потребности, а разрабатывайте его под самые разные аудитории. Среди ваших посетителей могут быть молодые и старые, слепые и плохо слышащие, новички и опытные пользователи. Помните об этом.
Не стоит ограничивать себя в цветовой гамме
Так вы сможете помочь тем, кто имеет проблемы с восприятием и разделением цветов. Не используйте только лишь одно цветовое решение, внедряйте различные варианты — текстовые пояснения, восклицательные знаки, подчеркивание и подсказки. Выбор за вами. Убедитесь в том, что контраст между фоном и текстом достаточен Исходя из правил WCAG, контраст должен составлять не менее 4, 5:1. Пробуйте играть с контрастами, не бойтесь экспериментов. Вы даже не представляете, какой спектр возможностей может открыться перед вами.
Визуально укажите фокус ввода
Следите за тем, чтобы цвета на веб-странице не сливались. Прекрасно смотрится комбинированный вариант — цветовое подчеркивание или подсказки. Поверьте, пользователи положительно оценят это нововведение.
Будьте внимательны с формами
Не стоит следовать моде и создавать формы без меток и рамок. Можете быть уверены, подобный минимализм ни к чему хорошему не приведет, и вы надолго сможете забыть о доступности своего сайта.
Дайте четкое определение смыслу компонентов
Обратите внимание на меню — они должны быть простыми и понятными, с удобной опцией выбора нужного параметра. И не важно, какая у них формация — немодальный диалог или выпадающие варианты. Каждый из них можно сделать доступным — главное захотеть. Не принуждайте человека наводить мышку в поисках нужной ему вещи.
Откажитесь от скрытых меню и подменю, неактивных до того самого момента, пока на них не будет подведен курсор. Помните — сайты разрабатываются для самой разной публики, с различными потребностями и инструментами доступа.
Возможно, на первоначальном этапе данные правила могут показаться странными и ограничивающими творческий процесс. На самом же деле они лишь подстегнут вас, помогая находить привлекательные и доступные решения в оформлении дизайна.