Как правильно заставить программу чтения с экрана читать текст диапазона? - PullRequest
Новая
       15

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

0 голосов
/ 08 октября 2019

Я новичок в области доступности, у меня есть диапазон с текстом, как показано ниже 

<span  class="text" >Account Information</span>

По умолчанию программа чтения с экрана не останавливается на моем диапазоне и не читает его, поэтому я гуглил и искалТАК, но ни одно из решений не работает

Я закончил что-то вроде ниже, все еще не работает (я тестировал на Chrome, с читателем экрана JAWS) 

<span aria-live="assertive" class="text" role="region" tabindex="4" aria-label="Account Information">Account Information</span>

Как лучше всегозаставить программы чтения с экрана читать тексты span?

полное обновление html 

<section _ngcontent-lfb-c4="" class="toolbar">

  <dx-button _ngcontent-lfb-c4="" class="maximizing-button dx-button dx-button-normal dx-button-mode-contained dx-widget dx-button-has-icon" ng-reflect-element-attr="[object Object]" ng-reflect-icon="material-icons mat-fullscreen" role="button" aria-label="Maximize Widget" tabindex="0" aria-pressed="false">
        <div class="dx-button-content"><i class="dx-icon material-icons mat-fullscreen"></i></div>
    </dx-button>

    <span _ngcontent-lfb-c4="" aria-live="assertive" class="text" role="region" tabindex="4" aria-label="Account Information">
        Account Information
    </span>

    <span _ngcontent-lfb-c4="" class="toolbar-right">
      <span _ngcontent-lfb-c1="" class="total-account-value-info" role="note" tabindex="3" toolbar-right="">
       (Total Account Value is as of the end of last business day)
      </span>
    </span>

</section>

1 Ответ

1 голос
/ 08 октября 2019

Я обнаружил, в чем была моя ошибка, я делюсь информацией, если у кого-то еще была такая же проблема.

Проблема была с tabindex="4", фактически это каким-то образом изменит порядок вкладок. поэтому я установил его на 0, и моя проблема исправлена.

tabindex=0

Когда tabindex установлен на 0, элемент вставляется в порядок табуляции на основеего расположение в исходном коде. Если элемент является фокусируемым по умолчанию, нет необходимости вообще использовать tabindex, но если вы повторно используете такой элемент, как <span> или <div>, то tabindex=0 является естественным способом включения его во вкладку. order.

tabindex=-1

Когда для tabindex установлено отрицательное целое число, например -1, оно становится программно фокусируемым, но не включается в порядок табуляции. Другими словами, он не может быть достигнут кем-либо, использующим клавишу табуляции для навигации по контенту, но он может быть сфокусирован на сценариях.

tabindex>=1

Это когда tabindexустановлено в положительное целое число, что вещи становятся проблематичными. Он налагает порядок табуляции на контент, который не похож на ожидаемый порядок табуляции.

...