0

我正在从事一个项目，其中可访问性是最重要的。经常引用有序列表的某些部分，我不知道如何标记它。

我做了一个jsfiddle 演示，使用我想实现的 CSS 计数器引用有序列表，但我不完全确定它的可访问性。我自己的研究结果好坏参半。

我想使用 HTML5 功能，但小数方面很重要。

如果我用仅限屏幕阅读器的标签（即<li><span class="sr-only">3.5<span> ... </li>）标记它，那么这些数字很可能会被重复阅读。当然，我也担心他们根本不被阅读......

是否有围绕这一挑战的最佳实践？

4

1 回答 1

1

我在 Firefox 中使用 NVDA 测试了你的 jsfiddle，它以我期望的方式读取了每个列表项。我同意 FelipeAI 的观点，您也应该使用其他屏幕阅读器软件进行测试，因为它们的解释差异很大。

MDN 显示浏览器对计数器 CSS 的支持可以追溯到 IE8：https ://developer.mozilla.org/en-US/docs/Web/CSS/counter-reset

如果您发现只有一些屏幕阅读器在使用它，请尝试使用 start 属性作为后备。

于 2014-12-01T06:26:48.007 回答