Когда одинаковый aria-label ломает весь список

В свежем кейсе Skosmos сломался боковой список терминов для пользователей экранного доступа. Проблема простая и очень показательная: ссылкам добавили aria-label с дополнительной подсказкой, но он перекрыл видимый текст ссылки.

В итоге NVDA читает не «aakkostus», «AA liike» и другие названия, а одну и ту же фразу вроде «Go to concept page». То есть человек слышит, что перед ним ссылка, но не понимает, куда она ведёт.

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

Практический вывод очень приземлённый:
- не подменяйте видимое имя элемента общим aria-label, если хотите добавить только уточнение;
- сначала проверяйте, что экранный доступ продолжает читать именно название элемента;
- дополнительный контекст лучше выносить в отдельный скрытый текст, а не затирать им основной смысл.

Такие ошибки особенно коварны тем, что визуально интерфейс выглядит нормальным. Поломка живёт только в слое доступности, а значит без реальной проверки NVDA, VoiceOver или TalkBack команда может долго её не замечать.

Источник: issue в GitHub, там же есть описание проблемы и ожидаемого поведения.