Фраза «по щелчку» в NVDA Интерактивные элементы без button и текста — частая проблема. NVDA может определить такие элементы и озвучивает «по щелчку», если включена настройка: Форматирование документа → Элементы → Интерактивные элементы Если пункт не отмечен, то NVDA всё равно увидит этот элемент, но озвучит «пусто». В отличие от JAWS — он пройдёт мимо таких элементов. Но иногда озвучка «по щелчку» бывает излишней 👇 • Одновременно озвучивается и тип элемента (кнопка, ссылка), и «по щелчку» • Фраза озвучивается на тексте без интерактивных элементов • Многократное озвучивание «по щелчку» за раз Незрячих пользователей это будет раздражать и сбивать с толку. 🤔 Почему это происходит Фраза «по щелчку» означает, что есть обработчик событий. Проблема возникает при делегировании: когда обработчики назначаются на контейнер с группой элементов (меню, вкладки, и т.п.). NVDA озвучивает «по щелчку» для контейнера, даже если внутри только одна кнопка. Если контейнеров с событиями много друг в друге, то «по щелчку» повторится несколько раз. Если обработчик назначен на семантичный интерактивный элемент (например, button), то NVDA озвучит только тип элемента — без «по щелчку». Потестировать озвучку в песочнице — https://tndp9n.csb.app/ ❓ Как исправить Добавить role="presentation" Это уберёт семантику контейнера, но не повлияет на элементы внутри него. 🇷🇺 Кейс Госуслуг На Хабре вышла статья от команды Госуслуг с подробным разбором проблемы «по щелчку». Вы узнаете: — что думают незрячие пользователи, когда слышат фразу «по щелчку»; — компоненты на портале Госуслуг, в которых встречалась фраза; — как использовать Chrome DevTools для отладки и поиска проблемного элемента; — особенности решения в фреймворке Angular. Читать — https://habr.com/p/992124/ #скринридеры #настройки #статьи