Необходимо проверить доступ к элементам навигации сайта, используя только клавиатуру и программы для чтения с экрана. Выполнять такие проверки можно как использую специальное программное обеспечение или вручную, так и используя бесплатные инструменты разработчика, встроенные в браузер. Вкладка “Audit” в панели инструментов разработчика (DevTools) браузера Chrome – это поистине самый простой способ определить, соответствует ли контент веб-страницы критериям доступности. Запуск этой специальной функции позволит в автоматическом режиме с высокой скоростью выявить проблемы на странице, а также подскажет как их исправить. Такие проверки в основном отыскивают недостающие элементы и ошибки в коде HTML.

1. Провести проверку доступности элементов веб-страницы сайта.

Необходимо проверить доступ к элементам навигации сайта, используя только клавиатуру и программы для чтения с экрана. Выполнять такие проверки можно как использую специальное программное обеспечение или вручную, так и используя бесплатные инструменты разработчика, встроенные в браузер. Вкладка “Audit” в панели инструментов разработчика (DevTools) браузера Chrome – это поистине самый простой способ определить, соответствует ли контент веб-страницы критериям доступности. Запуск этой специальной функции позволит в автоматическом режиме с высокой скоростью выявить проблемы на странице, а также подскажет как их исправить. Такие проверки в основном отыскивают недостающие элементы и ошибки в коде HTML.

2. Убедиться, что все важные элементы веб-сайта получают фокусировку.

Проверка ручным способом, используя только клавиатуру, отлично помогает словить проблемы с навигацией. В таком случае можно даже обнаружить неожиданные ссылки, на которые попадает индикатор фокусировки и по которым можно сделать переход. Пробегая по всем ссылкам на странице (необходимо нажимать клавиши Tab или Shift + Tab, чтобы передвигаться в обратном порядке), следует обращать внимание, что активная ссылка попадает в фокус. Далее необходимо нажать клавишу Enter и совершить переход.

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

3. Провести анализ контрастности содержимого сайта.

Анализ контрастности достаточно важный аспект для людей с ослабленным зрением и людей с недостатками цветового восприятия. К таким недостаткам относят сложности, связанные со способностью различать оттенки красного, желтого и зеленого цветов. Улучшая параметры контрастности, можно значительно повысить уровень восприятия информации для всех категорий пользователей и снизить таким образом когнитивную нагрузку. Существует множество ресурсов и бесплатных расширений для браузеров для проверки контрастности текстов и фоновых изображений. Также не стоит забывать о проверке по данному критерию элементы форм, предназначенные для заполнения.

4. Использовать правильную структуру кода при разработке веб-сайта.

Правильно используемые элементы языка разметки HTML совместно c приложением Accessible Rich Internet Application (ARIA), позволяет людям с физическими ограничениями полноценно пользоваться Интернет-ресурсами. Данное приложение связывает определенные элементы веб-страницы с каким-либо контентом.

ARIA добавляет в коде так называемый атрибут “role”, в котором семантически указывает на принадлежность определенных блоков сайта (например, “banner” (баннер), “navigation” (навигация), “main” (главная)).

Такой простой способ значительно облегчает работу для скринридера – программы, предназначенной для чтения с экрана компьютера или смартфона.

5. Добавить ссылку для перехода к основному содержимому веб-страницы.

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

Так, при переходе на новую страницу сайта, пользователю необходимо заново проделывать повторные нажатия клавиши Tab пока он не дойдет до желаемого элемента веб-страницы. Например, ссылка “перейти к основному контенту” упрощает задачу и ускоряет навигацию. Более того в качестве общепринятой практики, такая ссылка скрывается и появляется только в тот момент, когда она действительно необходима.

Например, когда пользователь попадает на страницу результатов поиска Google, нажав клавишу Tab, открывается ссылка “Перейти к основному контенту”, что позволяет пропустить элементы навигации сайта.

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