ARIA属性用于在HTML中读取替代文本(例如罗马数字)

时间:2015-02-28 17:47:45

标签: html5 accessibility wai-aria

在我的HTML文档中,我使用罗马数字(例如:MMXV = 2015)。

有没有办法通知屏幕阅读器以另一种方式解释某些文字(例如:罗马数字为"二千一十五"而不是M-M-X-V)?

我的猜测是会有一个ARIA属性,但我似乎无法找到它。 E.g:

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

2 个答案:

答案 0 :(得分:7)

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

然后,将屏幕阅读器中的罗马数字包装在span元素中,将true属性设置为<time datetime="2015" aria-label="Two thousand and fifteen"> <span aria-hidden="true">MMXV</span> </time> ,以隐藏屏幕阅读器中的元素。

{{1}}

答案 1 :(得分:0)

确定没有解决方案,但你还要考虑如果使用aria-label改善了使用屏幕阅读器的用户的可访问性,它就不会增加每个人的可访问性。

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

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