在有多个孩子的容器上使用“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>

在辅助技术方面是否可接受/有效，用以下内容替换它？

<input aria-describedby="d">

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

Answer 1

  

在辅助技术方面是否可接受/有效，用以下内容替换它？

既可接受又有功能。按钮的可访问描述变为＆＃34; foo foo foo＆＃34;。

您需要注意的是，描述是扁平的字符串，没有传达结构。此外，详细程度可能是一个问题，因为每次控件收到焦点时，屏幕阅读器都会宣布描述。

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