Считыватель экрана, не читающий маркеры и CSS для упорядоченных списков

Question

Я преобразовываю задания из документов Word в HTML, и у меня возникает несколько проблем с используемым ящиком экрана (Jaws 16). Упорядоченный список, который я установил с помощью CSS, представляет собой «Шаг 1», «Шаг 2». Однако программа чтения с экрана не распознает это и не читает часть «Шаг 1» в списке.

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

ol{list-style-type: none; counter-reset: elementcounter; padding-left: 0;} 
li:before{content: "Step " counter(elementcounter) ". "; counter-increment:elementcounter; font-weight: bold;6px} 

<ol> 
<li>Open fridge</li> 
<li>locate beer</li> 
</ol> 

Answer 1

Я попытался как JAWS 18 (последняя версия) и JAWS 16. Оба работают в Firefox и Chrome, но ни в Internet Explorer.

(Примечание: исходный пример был «6px» просто плавающий в таблице стилей, я предполагаю, что это было свойство размера шрифта, но я просто оставил его в моем примере..)

<style> 
    ol 
     { 
     list-style-type: none; 
     counter-reset: elementcounter; 
     padding-left: 0; 
     } 
    li:before 
     { 
     content: "Step " counter(elementcounter) ". "; 
     counter-increment:elementcounter; 
     font-weight: bold; 
     } 
</style> 

<button>foo</button> 
<ol> 
    <li>Open fridge</li> 
    <li>locate beverage</li> 
</ol> 
<button>bar</button> 

Я положил кнопки до и после списка, чтобы у меня были табуляторы для моего теста. Поскольку ваши списки не являются табулируемыми, я только что нажал кнопку FOO, а затем применил курсор виртуального ПК к стрелке вниз к следующим элементам. Это то, что я слышал с JAWS в FF и Chrome:

• "Кнопка Foo"
• "список из 2-х предметов"
• "Шаг 1. Откройте холодильник"
• «Шаг 2. найти напиток "
• „конец списка“
• „бар Кнопка“