屏幕阅读器不读子弹和CSS有序列表

我已经从Word文档转换工作辅助工具HTML和我有我使用的屏幕阅读器的几个问题（爪16）。我用CSS设置的有序列表显示为“第1步”，“第2步”。然而，屏幕阅读器不能识别这一点，也不会读取列表中的“步骤1”部分。屏幕阅读器不读子弹和CSS有序列表

有没有办法做到这一点还是我在寻找的东西多一点手动，让屏幕阅读器叫唤什么需要正确？

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>

来源

2017-01-30 Jon M

谢谢你的编辑建议UNOR，我仍然gettign用来制作后更可搜索小号o它可以帮助别人。 –

我都尝试JAWS 18（最新版本）和JAWS 16在Firefox和Chrome两种工作，但无论是在Internet Explorer中。

（注：你原来的例子有“6个像素”只是浮在你的样式表我猜这是一个font-size属性，但我刚刚离开它在我的例子。）

<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按钮，然后使用虚拟PC光标向下箭头查看下一个元素。这是我在FF和Chrome与JAWS听到：

“富按钮”
“步骤1：打开冰箱”
“第2步：找到饮料“的2项清单” “
‘列表结束’
‘栏按钮’

来源

2017-01-30 14:56:25 slugolicious

它多一点不同的就是我正在寻找，不得不做出与管理层的妥协，让他们从列表项下探“步”走这么大白鲨实际上将读取列表编号。在数字前添加“Step”的CSS格式使得屏幕阅读器可以以不同的方式查看它。 –

屏幕阅读器不读子弹和CSS有序列表

回答

相关问题