B.1
01
Три основных требования к доступности сайтов
Корректная работа верстки при масштабировании.
Достаточный контраст текста и фона.
Возможность полноценно работать с сайтом только с клавиатуры без использования мыши.
B.2
02
Инструменты обеспечения доступности сайта
Поиск по сайту.
Масштабирование страниц 70–200% без появления горизонтального скролла.
Возможность настройки внешнего вида сайта (цветовая схема, шрифт и т. п.).
Несколько способов общения с колл-центром: звонок, чат, письмо.
B.3
03
Текст, графика, навигация
Пользователю всегда понятно, где на сайте он находится (страница, раздел и как вернуться на главную).
Все страницы имеют понятные заголовки.
Важная часть контента отделена от второстепенной.
Текст удовлетворяет минимальным требованиям WCAG 2.1.
Нет текста, написанного прописными буквами.
Графические изображения дополняют текстовый контент или являются альтернативным изображением контента.
Используется простой фон, не отвлекающий внимания пользователя.
Нет больших объемов сложного текста, непонятных пользователю слов, все термины объяснены, аббревиатуры расшифрованы.
B.4
04
Возможные проблемы
Непонятный текст (большие объемы сложного текста).
Неконтрастный текст.
Нечитаемый текст, текст в составе картинок (изображение текста).
Мелкий шрифт.
Оценить читабельность текста можно с помощью специального сервиса: Оценка читабельности текста
B.5
05
Удобство управления
Предусмотрены доступные кнопки, удобные элементы управления.
Последовательность перемещения фокуса на странице не должна влиять на смысл и выполнение задач (фокус при прочтении должен перемещаться в такой последовательности, при которой сохраняется смысл и возможность управления).
Предоставляется помощь и поддержка в навигации, поиске контента и определении текущего положения на странице (см. «хлебные крошки»).
Отображается клавиатурный фокус.
Существует возможность пропуска одинаковых элементов при навигации с клавиатуры.
Фокус автоматически перемещается на открытую вкладку / панель / модальное окно.
Есть возможность пропустить навигацию на странице (чтобы сразу перейти к важным элементам).
Хлебные крошки (навигационная цепочка) — элемент навигации сайта, показывающий путь в структуре ресурса от главной страницы к текущей, на которой в данный момент находится пользователь
B.6
06
Звук
Доступ для экранного диктора, у всех элементов интерфейса есть название на русском, указан тип элемента и его состояние.
Возможность с помощью экранного диктора установить фокус на все значимые элементы интерфейса (в том числе текст).
Озвучиваются все введенные в поле данные.
B.7
07
Возможные проблемы
Нет доступа с клавиатуры или с помощью экранного диктора ко всем элементам управления.
Долго искать доступ к важным функциям с использованием клавиатуры / экранного диктора.
Устанавливается фокус на недоступных или на не отображаемых на экране элементах.
B.8
08
Ввод данных
Во время выполнения длительных задач дается обратная связь о ходе и завершении работы.
При вводе информации пользователю предоставляются инструкции.
При возникновении ошибки ошибочный элемент идентифицируется.
B.9
09
Разработка
Используются теги h1–h6 для разметки заголовков, ARIA-разметка.
С помощью программ экранного доступа озвучиваются введенные пользователем данные.
Сайт обеспечивает поддержку ассистивных технологий и специальных возможностей операционных систем, браузеров и других пользовательских приложений.