用于阅读 HTML 中替代文本（例如罗马数字）的 ARIA 属性

Question

在我的 HTML 文档中，我使用了罗马数字（例如：MMXV = 2015）。

有没有办法通知屏幕阅读器以另一种方式解释某些文本（例如：罗马数字为 "Two thousand and fifteen" 而不是 M-M-X-V）？

我的猜测是会有一个 ARIA 属性，但我似乎找不到。例如：

<time datetime="2015" aria-?="Two thousand and fifteen">MMXV</time>

Answer 1

使用 aria-label 标签为元素提供有意义的描述。

然后，将罗马数字包裹在 span 元素中，将 aria-hidden 属性设置为 true 以隐藏屏幕阅读器中的罗马数字屏幕阅读器。

<time datetime="2015" aria-label="Two thousand and fifteen">
    <span aria-hidden="true">MMXV</span>
</time>

Answer 2

好的 unobf 答案，但您还必须考虑，如果使用 aria-label 提高了使用屏幕阅读器的人的可访问性，它不会增加每个人的可访问性。

您应该阅读有关 WCAG 缩写的第 3.1.4 点。

我对此的感觉是，如果你真的想使用罗马数字是一件很难处理的事情，而且不仅仅是盲人。例如，使用 ABBR 标签可以帮助没有屏幕阅读器的人，但 ABBR 标签不是带键盘的可聚焦元素（参见第 2.1.1 点），因此没有独特的无问题解决方案。

ARIA attributes for reading alternative text (e.g. Roman Numerals) in HTML