有没有办法让屏幕阅读器读出 <ol type="a">答案

【问题标题】：Is there a way for screen readers to read out <ol type="a">有没有办法让屏幕阅读器读出 <ol type="a">
【发布时间】：2021-04-10 05:36:15
【问题描述】：

目前将 1000 多个内容重新用于一个 drupal 网站。它们包含 alpha 类型的有序列表。
示例：
一个。富
乙。酒吧
c。字符

屏幕阅读器不读取“a”。或任何 alpha 点。目前我正在使用创建 2 个跨度标签，一个用于屏幕阅读器隐藏在显示器上，另一个用于屏幕阅读器隐藏。

<li>
    <span class="accessbility-hide-element">B, list item text</span>
    <span aria-hidden="true">list item text</span></li>
</li>

有没有更简单的方法？因为这需要很长时间，所以干杯。

【问题讨论】：

我在使用任何屏幕阅读器和 a、A、i 和 I 类型的有序列表时从来没有遇到过任何问题。多年来，它一直运行良好。您能否发布一个示例页面并说明您使用哪种屏幕阅读器和浏览器进行了测试？
<li> 上的 CSS 是什么样的？您能否将其粘贴到您的问题中，特别是如果有任何 :before 伪选择器。
其实就是标题中说的：Mernlin使用了type属性，已经过时了，加上属性值好像不对。

【解决方案1】：

您似乎正在使用一种非常古老的方式来设置列表样式，这可能是您的屏幕阅读器无法使用它的原因。

为列表设置样式的正确、现代方式是通过 CSS：

<ol style="list-style-type: lower-alpha">

您的情况的可能值为lower-alpha 和lower-latin，请参阅list-style-type

我在带有 NVDA 和 Firefox 的 Windows 10 上进行了测试，结果显示为“a. foo”。 Firefox 开发者工具中的辅助功能选项卡也确认了这个暴露的文本。

【讨论】：