【问题标题】:input buttons and 508 compliance: do they really need labels?输入按钮和 508 合规性:他们真的需要标签吗?
【发布时间】:2012-05-18 02:13:22
【问题描述】:

具有值的按钮是否真的需要匹配的标签标签才能符合 508 标准?

说我有:

<label for="search_box" class="hideme">search query</label>
<input type="text" id="search_box">
<input type="button" id="search" value="Search">

网络可访问性测试软件正在标记它,因为它有一个 id 但没有匹配的标签?真的有必要吗?

【问题讨论】:

    标签: section508


    【解决方案1】:

    &lt;input type="button"&gt; 不需要 &lt;label&gt;,您需要提供 value 属性。如果按钮使用的是图像而不是文本,则需要提供 alt 以符合要求。

    <input type="button" src="....jpg" alt="Search" id="...">
    

    【讨论】:

    • hmmm... 这就是我的想法,得到了有关它的标志。也许测试它的人不太确定......还想知道是否需要为已赋予 title="" 标签的输入添加标签?
    • 请说明您使用的测试软件。之后我可以提供建议。不要使用标题标签。并非所有浏览器都支持使用键盘的人使用该标题。如果有人启用它,某些 AT 可以输出标题属性。请看this blog post
    • 我们只是在使用 Web Accessibility Toolbar,因为它似乎是评估我们软件的人使用的工具。感谢您的文章,这是一个有趣的阅读。我不知道某些屏幕阅读器在遇到缺少标签时没有重新映射到标题属性。实际上,我得到了使用带有 display:none css 类的标签作为可能的解决方案的建议。我想知道的情况如下。受限空间中的日期输入布局: 如何为“from”输入添加可访问性?
    • 您使用的是 IE、Firefox 还是 Opera 之一?回复@Title:是的,标题通常被认为是一个很好的后备,但事实并非如此。重新显示:无:一些 AT 忽略该规则,最好将其推离屏幕。位置:相对;左:-9999em;是常见的方式。我认为您需要针对该日期提出一个新问题...我不太明白您在问什么。
    • 嗯...我明白了,负边距是解决这个问题的最佳方法吗?顺便说一句,去提出这个单独的问题。 stackoverflow.com/questions/10588625/…
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-19
    • 1970-01-01
    • 1970-01-01
    • 2013-08-05
    相关资源
    最近更新 更多