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

Question

如果我有两个元素一起描述一个元素，是否可以在aria-describedby属性上使用两个id ？

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

Answer 1

是。的咏叹调-describedby（和咏叹调-labelledby）属性接受的“ID参考列表”，因为它的值。当您以这种方式关联多个元素时，它们会串联成一个描述字符串。

需要注意的几件事：

• 标点。如果两个引用的元素旨在作为单独的句子，则有助于在句号中加上句号，以便屏幕阅读器可以更自然地宣布它。或者，您可以使用多个引用来构建一个句子。这取决于您的情况。
• aria-describedby并非对所有元素都有效。在您的示例中，属性位于div元素上，通常不起作用。在交互式元素和地标区域上使用时，效果更好。请参阅有关aria标签，aria标签和aria描述的简短说明以获取指导。
• 所引用的元素将构成可访问描述的一部分，无论它们是否可见。如果以这种方式关联错误消息，请小心。请参阅 隐藏或可见–此处的指导没有区别。