我正在从事一个元素，其中可访问性是最重要的。经常引用有序列表的部分，但我不确定如何标记它。
我做了一个jsfiddle demo of referencing an ordered list with CSS Counters我想实现，但我不完全确定它的可访问性。我从自己的研究中得到了不同的结果。
我想使用 HTML5 功能，但小数点很重要。
如果我用仅限屏幕阅读器的标签(即 <li><span class="sr-only">3.5<span> ... </li> )标记它，那么这些数字很可能会被重复读取。当然，我也担心他们根本没人看……
是否有围绕这一挑战的最佳实践？
最佳答案
我在 Firefox 中使用 NVDA 测试了您的 jsfiddle，它以我期望的方式读取每个列表项。我同意 FelipeAIs 的观点，您也应该使用其他屏幕阅读器软件进行测试，因为它们的解释差异很大。
MDN 显示浏览器对计数器 CSS 的支持可追溯到 IE8:https://developer.mozilla.org/en-US/docs/Web/CSS/counter-reset
如果您发现只有一些屏幕阅读器可以读取它，请尝试使用 start 属性作为后备。
关于css - 使用 HTML5 和/或 CSS 创建对屏幕阅读器安全的有序列表？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27050813/