При создании сайта очень важно позаботиться о пользовательском опыте. Дизайн не должен вызывать никаких негативных эмоций, иначе рано или поздно все придется начинать сначала, особенно, если были допущены серьезные ошибки. Но самое главное внимание нужно уделить контенту. Работу над его доступностью следует начинать на самом раннем этапе проектирования. Доступность контента является показателем качества, этот параметр определяет, насколько хорошо сделан сайт для людей с разным уровнем компьютерных знаний. Трудно переоценить важность доступности сайта. Сайт, который доступен для разных категорий пользователей, в том числе людей с нарушениями зрения и слуха – это хороший сайт. Инвестиции в доступность сегодня выгодны как никогда – ведь она может существенно повлиять на рейтинг сайта в поисковых системах. В конечном итоге, чем больше людей могут пользоваться сайтом, тем лучше для его владельца.
Подбирайте ясные и конкретные названия для веб-страниц
Заголовок страницы показывает пользователям, где именно они находятся во время посещения сайта. Хороший page title говорит, что именно это за страница и кратко описывает тему размещенного на ней контента. То, что написано в верхней строке браузера, должно быть максимально понятным – правильно составленный заголовок может сообщить пользователю самую важную информацию, не заставляя его просматривать больше информации. Посетитель должен быть уверен, что он попал туда, куда нужно.
При работе с заголовками очень важно, чтобы они были уникальными и правильно описывающие размещенный на странице контент. Упростить себе задачу можно при использовании системы управления контентом. Сегодня многие сайты работают на CMS, которые автоматически создают заголовки страниц. Достаточно создать сайт или блог на WordPress и значительная часть проблем с составлением заголовков исчезнет.
Во многих случаях имеет смысл повторять page title в качестве верхнего заголовка страницы. Также не помешает составить сводную таблицу всех заголовков и посмотреть, все ли они отвечают критерию доступности. Помимо этого Page title стоит использовать в карте сайта – это полезно для SEO.
Разделите контент на небольшие блоки с четко обозначенными заголовками и подзаголовками
Любой контент, размещенный на странице, должен быть разбит на краткие и легкоусваиваемые секции. Каждая секция должна быть маркирована понятным заголовком, которые описывает свою часть контента. Везде, где это возможно, нужно использовать короткие абзацы и списки, так как такая подача облегчает пользователям быстрое сканирование страницы. Цель такого подхода состоит в том, чтобы любой посетитель сайта мог быстро прокручивать страницу, останавливаясь только в тех местах, которые кажутся ему интересными.
Самый важный заголовок H1 следует зарезервировать для названия страницы. Остальные заголовки от Н2 (важный заголовок) до Н6 (наименее важный) лучше всего использовать последовательно. Не обязательно использовать все шесть типов заголовков на одной страницы, но при этом следует избегать пропусков, используя, к примеру H2 и Н5.
Используйте описательный текст для ссылок и кнопок
Ссылки являются важнейшей частью любого сайта. Они позволяют пользователям перемещаться между страницами даже без использования навигации. Возможность просматривать ссылки и понимать на страницу с каким типом контента они ведут обеспечивает посетителям сайта положительный опыт пользователя. Это очень важный момент, о котором многие забывают. Правильно размещенные ссылки повышают доступность веб-страниц и пользователи плавно перемещаются между веб-страницами.
Текст для ссылок и кнопок должен точно описывать содержимое страницы. Выделенный текст должен быть самодостаточным, лучше не полагаться на околоссылочное окружение или другие элементы дизайна. По сути, ссылочный текс должен представлять собой понятную инструкцию для пользователя.
Правильно составленный текст ссылки влияет также и на продвижение сайта. Порой бывает, что достаточно исправить ошибки и правильно написать ссылки, чтобы это сразу отразилось на результатах ранжирования.
То же самое касается кнопок и изображений, в случае если они используются в качестве ссылок. Тег alt нужно прописывать так, чтобы при наведении курсора появлялось сообщение, куда именно ведет ссылка и о чем пойдет речь при переходе на страницу. Например: «Блог Ивана Петрова – Отчет о поездке».
Избегайте зависимости от сенсорных указателей
Невозможно заранее предсказать, с какими именно трудностями столкнутся пользователи при посещении сайта. Если оказывается, что пользователь нуждается в каком-то сенсорном указателе, то это означает, что у сайта проблемы с доступностью контента. Сенсорные указатели, конечно, некоторым образом влияют на юзабилити, но они не работают, если, к примеру, пользователь просто не видит какой-либо определенный цвет.
Также бесполезно использовать звуковые сенсорные указатели – глухие и слабослышащие люди просто их не услышат и покинут сайт, не достигнув своей цели. Нужно исключить любую возможность неправильного понимания указателя, иначе часть контента станет недоступной для некоторых категорий пользователей.
Но без сенсорных указателей все же не обойтись. Пользователям нужно нажимать на кнопки, заполнять формы и пользоваться поиском на сайте. Чтобы повысить доступность контента, все сенсорные указатели должны быть контрастными по отношении к фону и другим элементам дизайна. И никогда, если только без этого не обойтись, не следует использовать звук.
Позаботьтесь об альтернативных формах медиа-контента
Любой контент на сайте, за исключением текстового, должен иметь альтернативный вариант для тех пользователей, которые не могут получить доступ к визуальным или звуковым элементам. Есть много разных способов решения этой задачи, но определяющим фактором тут является тип контента и среда в которой он находится. Что может быть альтернативным вариантом для видео в случае, если пользователь не слышит или не имеет возможности задействовать звуковое сопровождение? Конечно, титры! А для изображений. В этом случае хорошо подойдет описательный текст. К аудиоконтенту, если, к примеру, это подкаст, неплохо было бы приложить стенограмму. Любой из этих методов значительно повышает доступность контента.
Не используйте текст в виде изображений.
Для повышения доступности контента лучше никогда не использовать текст в виде изображений. Иначе в случае, если у пользователя возникнет проблема с отображением картинок, он просто не получит доступа к нужной ему информации.
Если на сайте необходимо разместить текстовый контент, это нужно делать исключительно средствами HTML. Это гарантирует, что текст всегда будет виден, даже если браузеры его немного изменят внешне. Кроме того, текст гораздо легче редактировать, чем изображения. И, конечно, это хорошо для SEO.
На этом все, спасибо за внимание!
4 комментария
А потом, чего тут объяснять и приводить какие-то примеры? И так всё ясно: кнопки, стрелки, навигаторы, и другие активные элементы сайта. К тому же — она об этом более чем подробно написала в подразделе статьи о том, чтобы «избегать зависимости» от них (сенсорных указателей).
Успехов Вам!