可以将aria描述放在输入元素之前吗？

Question

我在输入提示上有一个包含aria-describedby属性的表单，后跟一个span标记，其中包含所需输入的描述/示例。它还有一个类只显示屏幕阅读器（有视力的人可以使用placeholder信息）。

这里的问题是，至少根据Fangs的说法，屏幕阅读器读取标签，然后提示输入，然后读取aria-describedby文本。

我可以在代码中的输入上方移动文本，例如

<label for="givenName">Given name</label>

<span id="givenNameHelp" class="help-block sr-only">e.g. Liam</span>

<input class="form-control" type="text" id="givenName" placeholder="Liam" aria-describedby="givenNameHelp">

Answer 1

是的，这是完全合法的，适用于所有屏幕阅读器