Как я могу запретить программам чтения с экрана читать все содержимое элемента списка без остановки? - PullRequest
0 голосов
/ 07 сентября 2018

У меня есть веб-сайт, который отображается внутри веб-просмотра в приложении для Android. Я тестирую доступность, используя Talkback для навигации по экрану. Когда я прихожу к элементу списка, все содержимое считывается перед остановкой (что я и хочу), но между считыванием h2 и p нет паузы, поэтому это звучит неестественно. Есть ли простой способ добавить паузу, чтобы она не читалась вместе?

Единственное, о чем я могу думать, это добавить aria-label в li, где я мог бы добавить то же содержимое, но добавить точку остановки.

<ul>
    <li>
        <a href="/">
          <h2>Header</h2>
          <p>Description</p>
        </a>
    </li>
    <li>
        <a href="/">
          <h2>Header</h2>
          <p>Description</p>
        </a>
    </li>
</ul>

1 Ответ

0 голосов
/ 07 сентября 2018

Как правило, вы не хотите добавлять паузы в ваш код. Пользователи программы чтения с экрана привыкли к ее работе и могут перемещаться по элементам, словам или символам, если это необходимо.

Если вы все еще хотите отследить ситуацию, попробуйте использовать NVDA (бесплатную программу чтения с экрана) и включить средство просмотра речи. (Когда NVDA работает, нажмите Ins + N, чтобы открыть меню, перейдите в меню «Инструменты», затем выберите «Просмотр речи».) Затем перейдите к списку и вы увидите, что читается. Я знаю, что этот сценарий отладки выполняется на ПК с NVDA, и ваш первоначальный вопрос о Talkback на Android задавался, но это может помочь. Я не знаком с Talkback, поэтому не уверен, есть ли у него инструмент для просмотра речи.

Можете ли вы также перейти на свою страницу за пределами веб-просмотра, чтобы увидеть, как система обратной связи обрабатывает ее сама?

Программы чтения с экрана, естественно, останавливаются, когда сталкиваются с пунктуацией. Таким образом, точка или запятая заставит его остановиться. Если вам действительно нужна пауза при чтении, вы можете ввести визуально скрытую запятую (так зрячие пользователи не видят ее, а программа для чтения с экрана). Однако недостатком этого является то, что пользователи Брайля будут «чувствовать» запятую.

<h2>Header</h2>
<span class="sr-only">,</span>
<p>Description</p>

Вы можете погуглить класс "sr-only". Это довольно часто и визуально скрывает текст. Вы можете поместить <span> внутрь <h2>, если хотите, или внутрь <p>, или самостоятельно.

Но опять же, я бы не советовал добавлять определенные паузы в ваш текст.

...