通知有关不可用内容的消息的正确标记是什么?

时间:2018-04-14 01:23:52

标签: html html5 accessibility semantic-markup wai-aria

<article>
    <h1>MyProductName V22290</h1>
    <p>The description for this product is currently unavailable</p>
    <a href="buy/229283">Buy</a>
</article>

<p>元素不是产品的描述,而是一条错误消息,告知缺少描述。

该文本的标记应如何显示?也许 html-aria 可以提供帮助吗?

1 个答案:

答案 0 :(得分:3)

消息“此产品的描述目前不可用”是屏幕阅读器应阅读的重要信息,因为它会通知用户没有可用的描述。

如果没有这些信息,用户可能需要收听整个页面,试图找到产品的描述。

另外不要忘记,有很多视力低下的人同时使用屏幕放大镜和屏幕阅读器提供帮助,并且任何可见文本都应该被屏幕阅读器读取。

编辑:如下面的评论中所示,您仍然可以使用<em>标记来表明压力重点