Убедитесь, что только соответствующие части страницы доступны программам чтения с экрана и другим вспомогательным технологиям. Например, контент, находящийся за кадром, должен быть скрыт от вспомогательных технологий.
Как проверить вручную
Чтобы убедиться, что закадровый контент скрыт, вам следует протестировать программу чтения с экрана .
- Для пользователей Mac посмотрите это видео об использовании VoiceOver .
- Для пользователей ПК посмотрите это видео об использовании NVDA .
- Для пользователей Chromebook попробуйте ChromeVox, встроенную программу чтения с экрана .
Используйте клавишу TAB для перемещения по странице. Программа чтения с экрана не должна объявлять скрытое содержимое.
Как исправить
Чтобы скрыть закадровое содержимое, удалите элемент, содержащий это содержимое, из порядка табуляции, установив для него значение display: none или visibility: hidden .
Например:
.remove-me {
visibility: hidden;
}
<button class="remove-me">Can't reach me with the TAB key!</button>
См. также Правильная настройка видимости закадрового контента .
Ресурсы
Исходный код контента за кадром скрыт от аудита вспомогательных технологий.