Можно ли заблокировать программу чтения с экрана для определенного текста?

Question

У меня есть текст на экране, описывающий кнопку рядом с ним. На кнопке также есть метка aria с гораздо более наглядным описанием того, что она делает.

Пользователям с нарушениями зрения не нужно читать текст на экране, поскольку метка aria содержит полный контекстфункциональность кнопки.

Есть ли способ указать, что экранный текст не должен читаться программами чтения с экрана? Все, что он делает, это добавляет путаницы людям с нарушениями зрения, просматривающим мою страницу.

Спасибо !!

Answer 1

Вы можете использовать aria-hidden на кнопке для достижения этой цели.

<button aria-label="...">
  <span aria-hidden="true">Some text</span>
</button>

Из документов :

Добавление aria-hidden = "true" к элементу удаляет этот элемент и все его дочерние элементы из доступностидерево. Это может быть использовано для сокрытия дублированного контента, такого как повторяющийся текст, для улучшения работы пользователей вспомогательных технологий