如何以易于访问的方式隐藏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"/>