jquery - 如何以一种易于访问的方式隐藏 jQuery Mobile 表单中的标签标记？

Question

我想隐藏 jQuery Mobile 应用程序的表单输入标记中的标签标记，并仅依靠占位符属性来描述特定输入的用途。

但是，屏幕阅读器依靠标签来描述特定表单输入元素的用途。它们不依赖占位符属性。

如何隐藏表单中的标签标签，同时可靠地允许屏幕阅读器读取它们？

Answer 1

JQM 通过一个类来完成此操作。只需将 ui-hidden-accessible 添加到您的标签标记中，如下所示

<label for="username" class="ui-hidden-accessible">Username:</label>
<input type="text" name="username" id="username" value="" placeholder="Username"/>