Убедитесь, что только соответствующие части страницы доступны программам чтения с экрана и другим вспомогательным технологиям. Например, закадровый или просто презентационный контент должен быть скрыт от вспомогательных технологий.
Как проверить вручную
Чтобы убедиться, что закадровый контент скрыт, вам необходимо вручную проверить его с помощью программы чтения с экрана. - Для пользователей 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>
См. также Правильная настройка видимости закадрового контента .
Ресурсы
Исходный код контента за кадром скрыт от аудита вспомогательных технологий .