没有麻烦的POST按钮。需要适当的代码

时间:2015-11-08 04:29:19

标签: html forms standards wcag

我正在寻找与尽可能多的网络浏览器兼容的解决方案,包括IE 6和IE 7。

这就是问题所在。我想创建一个简单的按钮,以便当有人点击它时,空的后期数据被发送到服务器。这些按钮可防止机器人访问数据。例如,我在专为移动设备设计的移动网站上有一个下载巨大的图片按钮。

这是我通常使用的代码:

<form action="http://example.com/path/to/download.php" method="POST">
<input type="submit" value="Download">
</form>

问题是当我通过powermapper sortsite软件运行代码时,它声称我应该有一个fieldset和legend标签,所以我的表单必须看起来更像这样:

<form action="http://example.com/path/to/download.php" method="POST">
<fieldset>
<legend>
Title of entire form
</legend>
<input type="submit" value="Download">
</fieldset>
</form>

但是下载按钮周围的区域看起来会很乱,因为下载按钮和边框上面会有额外的不需要的文字,但这是我如何才能让它符合WCAG 1.0 AA 12.3和WCAG 2.0 A H71标准。

有没有办法可以格式化我的HTML,以便它可以在较旧的浏览器中使用,但仍然可以在符合WCAG标准的同时发送基于帖子的数据?

我不确定使用按钮HTML标记,因为有报道称它在某些IE浏览器中工作不正常。请参阅:What disadvantages are there to the <button> tag?

1 个答案:

答案 0 :(得分:0)

  

当我通过powermapper sortsite软件运行代码时,声明

辅助功能工具可以自由发明自己的规则,但WCAG不要求您在这种情况下拥有字段集(input[radio]input[checkbox]除外)

我没有检查过powermapper的结果,如果你给出了确切的错误文本会很好,但如果他们需要一个字段集来满足success criterion 3.3.2那么它们会产生误导,特别是对于一个没有任何输入的按钮,因为在其他情况下是必要的:

在我看来,fieldset旨在对多个输入字段进行分组,legend旨在为该组提供一些说明。在您的情况下,操作的结果已经写在按钮文本中,您无需分组。

现在,重要的是改变&#34;下载&#34;带有更明确内容的文字:&#34;以PDF格式下载此网页&#34;