Как заставить программу чтения с экрана объявлять информацию типа «1of7» / «2of7»?

Question

Я понимаю, что с помощью role = "treeitem" плюс aria-setsize и aria-posinset вы можете заставить программу чтения с экрана объявлять положение элемента в наборе, например "1 из 7" или "2 из 7".

Есть ли способ сделать то же самое для других групп, таких как строка меню или полоса табуляции?Мы, конечно же, не хотим применять роль «дерева элементов» просто для достижения этой цели.

Заранее спасибо.

Answer 1

Если вы создаете строку меню, логической структурой будет неупорядоченный список <ul>

Программа чтения с экрана, встречающая этот список, информирует пользователя о наличии списка из x элементов, например, «список из 7 элементов», но он не будет информировать пользователя о порядковой позиции каждого элемента ссылки, поэтому он будет читать «Bullet: link, Bullet: blah» в зависимости от содержимого списка.

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

<ol>
<li>Start your browser</li>
<li>Navigate to Stackoverflow</li>
</ol>

Используя CSS, вы можете удалить цифры или изменить формат упорядоченного списка. Удаление чисел не изменило бы то, как программа чтения с экрана считывает список, поэтому они все равно будут слышать 1, 2, 3 и т. Д.