Маша вернулась к проекту вечером. Рабочий день в агентстве давно закончился, но она всё ещё думала о странной фразе, которую услышала утром:
«Скрытый раздел. Ошибка доступа.»
Она знала, как звучат системные уведомления скринридера. Эта строка — не из программы. Кто-то вставил её в код. Но зачем?
Маша открыла сайт в тестовой среде и снова запустила навигацию по разделам.
Голос скринридера спокойно диктовал:
— Главная.
— Каталог.
— Примерочная.
На слове «Примерочная» голос на мгновение запнулся, будто споткнулся.
— Ошибка. Раздел недоступен.
Маша нахмурилась. Визуально, по словам дизайнеров, примерочная выглядела как отдельная страница с выбором размера и цветом одежды.
Но для скринридера — её будто не существовало.
Маша (в чате):
ребят, у нас примерочная не читается. кто правил этот раздел?
Игорь (дизайнер):
я делал визуал, код отдала Аня на доработку.
Аня:
да, я просто скопировала шаблон. всё работает же.
Маша:
для меня — нет. она скрыта полностью.
Наступила пауза. В чате никто не ответил.
Маша запустила инспектор кода. Среди строк заметила странный фрагмент:
<section aria-hidden="true" id="fitting-room">
“aria-hidden” — значит, элемент намеренно скрыт от скринридеров. То есть от всех, кто не видит экран.
Зачем кому-то прятать целый раздел?
Она скопировала фрагмент и заменила параметр на "false". Сайт снова ожил — голос программы спокойно прочитал список размеров, описание ткани, кнопку «Добавить в корзину».
Скринридер:
Примерочная. Выберите размер. Доступно пять вариантов.
Так и должно быть.
Но стоило Маше проверить исходники ещё раз, как параметр снова стал "true".
Она обновила страницу — всё повторилось. Код сам возвращался в исходное состояние.
Маша (в чат):
Аня, ты сейчас что-то заливаешь на сервер?
Ответа не было.
Игорь:
я оффлайн, у меня билд локально.
Маша глубоко вдохнула. Значит, кто-то ещё имеет доступ.
Тот самый, кто вставил фразу «Скрытый раздел. Ошибка доступа.»
Она закрыла ноутбук.
Завтра нужно будет проверить логи сервера.
Но перед сном Маша поймала себя на странной мысли:
если кто-то хочет, чтобы сайт молчал для незрячих, — возможно, это не просто халатность.
Продолжение следует...
❤️ Лепота подготовила бесплатный гайд по адаптации сайта. Переходите по ссылке и сделайте свой онлайн-магазин удобным для всех.