屏幕阅读器不读取有序列表的项目符号和CSS

我一直在将工作辅助工具从Word文档转换为HTML，我使用的屏幕阅读器（Jaws 16）有一些问题。我用CSS设置的有序列表显示为“步骤1”、“步骤2”。但是，屏幕阅读器无法识别这一点，也无法读取列表中的“步骤1”部分

有没有办法做到这一点，或者我正在看一些更为手册的东西，让屏幕阅读器正确地调用所需的内容

ol{列表样式类型：无；计数器重置：elementcounter；左填充：0；}
李：在{content:“Step”counter（elementcounter）“.”之前，“计数器增量：elementcounter；字体重量：粗体；6px}

打开冰箱
找到啤酒

我尝试了JAWS 18（最新版本）和JAWS 16。两者都可以在Firefox和Chrome中使用，但在Internet Explorer中都不能使用

（注意：您的原始示例的样式表中刚好浮动了“6px”。我猜这是字体大小属性，但我只是在示例中忽略了它。）

ol
{
列表样式类型：无；
计数器复位：elementcounter；
左侧填充：0；
}
李：以前
{
内容：“步骤“计数器（元素计数器）”；
计数器增量：elementcounter；
字体大小：粗体；
}
福
打开冰箱
找到饮料
酒吧

我在列表前和列表后都放置了按钮，这样我就可以在测试中使用制表位了。由于您的列表是不可选项卡的，所以我只需先选项卡化到FOO按钮，然后使用虚拟PC光标向下箭头指向下一个元素。这是我在FF和Chrome中听到的关于JAWS的声音：

• “foo按钮”
• “2项清单”
• “步骤1.打开冰箱”
• “步骤2.找到饮料”
• “列表结束”
• “条形按钮”

---

感谢您对Unor的编辑建议，我仍然习惯于让帖子更具搜索性，这样它可以帮助其他人。这与我所寻找的有所不同，我不得不与管理层达成妥协，让他们从列表项目中删除“步骤”，以便Jaws能够真正阅读列表编号。在数字前面添加“步骤”的CSS格式使屏幕阅读器以不同的方式看待它。

<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>