Элементы списка, которые не были прочитаны рассказчиком в неупорядоченном списке

Question

Неупорядоченные элементы списка, не прочитанные с помощью рассказчика

У меня есть неупорядоченный список, как указано ниже, но элементы списка не читаются, когда элементы LI сфокусированы, есть предложения?

Всякий раз, когда элементы li фокусируются, я хочу, чтобы рассказчик добавил метку арии, добавленную

<div id="container">
            <ul>
              <li id="Action1" tabindex="-1" aria-disabled="false" role="listitem" aria-label="Action1">
              </li>
              <li id="Action2" tabindex="-1" aria-disabled="false" role="listitem" aria-label="Action2">
              </li>
              <li id="Action3" tabindex="-1" aria-disabled="false" role="listitem" aria-label="Action3">
              </li>
              <li id="Action4" tabindex="-1" aria-disabled="false" role="listitem" aria-label="Action4">
              </li>
              <li id="Action5" tabindex="-1" aria-disabled="false" role="listitem" aria-label="Action5">
              </li>
            </ul>
</div>

Answer 1

Я бы рекомендовал удалить атрибуты tabindex, aria-disabled и role.

Атрибут tabindex, скорее всего, является источником ваших проблем.

Отрицательное значение (обычно tabindex = "- 1") означает, что элемент недоступен с помощью последовательной навигации по клавиатуре, но может быть сфокусирован с помощью Javascript или визуально.

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex

Установив tabindex на -1, вы сообщаете браузеру, что элемент должен быть удален из последовательности вкладок и доступен только программно. Я подозреваю, что это может быть, почему Рассказчик не находит его. Не должно быть необходимости использовать tabindex, если только по какой-то причине вам не нужен не кликаемый контент.

Атрибут aria-disabled, установленный на false, аналогичен отсутствию его,Это не нужно и должно быть удалено.

https://www.w3.org/WAI/PF/aria/states_and_properties#aria-disabled

Роль listitem в элементе <li> также является избыточной и ненужной. Элемент <li> уже имеет неявную роль listitem. Эта роль больше предназначена для общих элементов <div>, которые используются для создания структуры, подобной списку.

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Listitem_role#Best_practices