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

前端之家收集整理的这篇文章主要介绍了html5 – 用于在HTML中读取替代文本(例如罗马数字)的ARIA属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的 HTML文档中,我使用罗马数字(例如:MMXV = 2015).

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

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

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

解决方法

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

然后,通过将它们包含在将aria-hidden属性设置为true的span元素中来隐藏屏幕阅读器中的元素,从屏幕阅读器中隐藏罗马数字.

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

猜你在找的HTML5相关文章