我可以使用aria-describedby引用多个元素吗？

Question

我可以使用aria-describedby引用多个元素吗？

19

如果我有两个元素，它们一起描述一个元素，我能否在aria-describedby属性上使用两个id，就像这样？

<div id="description-1"></div>
<div id="description-2"></div>
<div aria-describedby="description-1 description-2"></div>

- Moaaz Bhnas

2个回答

3

当然可以。

https://www.w3.org/TR/wai-aria/#aria-describedby

此属性用于标识描述该对象的元素（或元素组）。

- slugolicious

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- andrewmacpherson · Accepted Answer

是的。aria-describedby（和aria-labelledby）属性期望其值为ID引用列表。可以提供多个ID，用空格分隔。当以这种方式关联多个元素时，它们将连接成一个单一的描述字符串。

需要注意以下几点：

- 标点符号。如果两个引用的元素被视为单独的句子，最好包含一个句号，这样屏幕阅读器可以更自然地宣读它。或者，您可以使用多个引用来构建一个句子。这取决于您的情况。 - aria-describedby对所有元素都不是有效的。在您的示例中，该属性位于一个

元素上，通常不起作用。当用于交互式元素和地标区域时，它的效果更好。请参见关于aria-label、aria-labelledby和aria-describedby的简短说明以获取指导。 - 无论这些被引用的元素是否可见，它们都将成为可访问描述的一部分。如果以这种方式关联错误消息，请小心。请参见隐藏或可见-没有区别以获取相关指导。

更多细节请参见《HTML无障碍API映射1.0》中的可访问名称和描述计算规则。