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

标签 jquery forms jquery-mobile accessibility

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

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

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

最佳答案

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

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

关于jquery - 如何以一种易于访问的方式隐藏 jQuery Mobile 表单中的标签标记?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9912860/

相关文章:

javascript - JS动态添加表单按钮

jquery - 表单序列化不起作用

javascript - 设备未检测到在线/离线状态

javascript - Mobile Safari 滚动到底部以加载更多内容,例如 Facebook

jquery - 使用 JQuery 插件动态创建 HTML

javascript - 在HTML幻灯片中使用jQuery触发音频播放吗?

java - 如何防止页面刷新? AJAX、Spring MVC

javascript - Wp 媒体库元框无法读取未定义的属性 'state'

Javascript 数组 ID

javascript - 无法使用 jQuery 重定向到 php 页面