在具有多个 children 的容器上使用 "aria-describedby" 是否可以接受？

Question

我有以下标记：

<input aria-describedby="a b c">/* generic form control */

<p id="a">foo</p>
<p id="b">foo</p>
<p id="c">foo</p>

关于辅助技术，是否可以 acceptable/functional 替换为以下内容？

<input aria-describedby="d">

<div id="d">
    <p>foo</p>
    <p>foo</p>
    <p>foo</p>
</div>

Answer 1

Would it be acceptable/functional with regards to assistive technologies, to replace it with the following?

它既可以接受又实用。按钮的可访问描述变为 "foo foo foo"。

您需要注意的是，描述是一个扁平的字符串，没有传达任何结构。此外，冗长可能是一个问题，因为每次控件获得焦点时，屏幕 reader 都会宣布描述。

同样在您的示例代码中，按钮需要一个结束标记并且 aria-describedby 没有引用任何内容，因为您有一个 class 属性，它需要是一个 id 属性. http://codepen.io/stevef/pen/ojBmdV

Is it acceptable to use "aria-describedby" on a container with multiple children?