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

如何解决有没有办法让屏幕阅读器读出 <ol type="a">

目前正在为 drupal 网站重新利用 1000 年的全部内容。它们包含 alpha 类型的有序列表。
示例：
一个。富
b.酒吧
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>

有更简单的方法吗？因为这需要很长时间，加油。

解决方法

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

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

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

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

我使用 NVDA 和 Firefox 在 Windows 10 上进行了测试，结果显示为“a. foo”。此外，Firefox 开发人员工具中的辅助功能选项卡正在确认此公开文本。