题
我有很多文本框的HTML页面。我有标记他们无障碍purpose.But,我不想标签visible.Is这可能吗?或者,是否有任何其他的设计选择?
没有正确的解决方案
其他提示
有多种方式利用文本的网页,但它隐藏的视觉用户同时访问屏幕阅读器用户(如高负文本缩进)。
不过,“无障碍”是不是“的人谁拥有使用网络没有问题”和“人们谁是盲目的”之间的线路。有很多谁适合同组的人,实在是太容易,太常见的作者忘了无障碍环境是更多然后使可用内容的人谁也看不到。
使用显示:没有不好这一点,我支持查询,为什么你想隐藏的所有标签 - 有可能是你使用告知用户textarea的是包含哪些标签,所以只是纪念该向上作为标签和相应的风格。
如果你仍然想隐藏的标签,它定位屏幕外是更好的。有一个最近的总结。
标签的点是描述输入的目的,有点像给它的报头。如果你不使用标签,如何将你的视力正常的用户知道要放什么东西在输入?
无论给人的视觉线索的视力正常的用户也应该是辅助技术的用户标签。
尝试CSS:
label {
display: none;
}
确认此样式表仅适用于“屏幕”中:
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
如前所述,它总是最好对所有投入要素可见标签 - 这将帮助短视和没有视力的用户。话虽如此,也有一定的场景中,这是不可行的,这我猜你的情况下瀑布。对于这些情况,你有几个选项。
第一种方法是使用“标题”属性,其具有显示用于视力正常的用户工具提示的附加益处:
<input type="text" title="first name" />
一对夫妇其他人所说的第二个选项,这涉及使用CSS定位标签关闭屏幕:
<label for="first_name"
style="position:absolute;left:-1000px;width:1px;overflow:hidden;" />
<input type="text" id="first_name" />
与使用“显示:无”,屏幕阅读器仍将读取标签。这也是优雅在选择禁用CSS用户将看到该标签。
不隶属于 StackOverflow