2012-02-24 43 views
0

如果我使用<select>的下拉菜单可以。我正在问Web无障碍,Web标准。是否需要为每个<form>提交Submit按钮?

<form action="#" class="country-selection"> 
    <select> 
     <option title="images/india.jpg">India</option> 
     <option title="images/india.jpg">USA</option> 
    </select> 
</form> 
+0

你能否澄清你在这里问的实际情况? – 2012-02-24 09:38:28

+0

你的问题更适合[codereview.stackexchange.com](http://codereview.stackexchange.com/) – ManseUK 2012-02-24 09:39:47

+0

当读取选择的选项时,它会非常困惑地屏蔽阅读器用户,它会迫使他们进入一个全新的页面(如果我们打开一个选择,我们只会读取选项并关闭它,当屏幕阅读器这样做时,它会触发该操作,除非它使用全部键盘快捷键中未知的Alt + Shift +向下箭头)。 +1来自@Jukka K. Korpela的回答以及来自链接的评论 – FelipeAls 2012-02-25 14:35:38

回答

1

如果你没有任何submit按钮,它是可以接受的毕竟这是form标签的元素,如果不需要它,你可能不会在form与添加。这不会打破任何网络标准。

0

确定没关系,没有人强制您提交按钮,但您可能不需要对表单执行任何操作。

0

如果希望当用户选择提交表单,试试这个

<form action="#" class="country-selection"> 

     <select onChange="javascript:submit()"> 

     <option title="images/india.jpg">India</option> 

     <option title="images/india.jpg">USA</option> 

     </select> 

    </form> 
1

是的,因为页面应该没有客户端脚本工作了。正确的方法是包含一个真实的action属性值,引用一个服务器端脚本,并包含一个提交按钮,因为这是确保在脚本关闭时可提交的唯一方法。你可以把它包装一个noscript元件的内部,使得在不需要时它,当客户端脚本被启用即,它不出现:可以显示

<noscript><input type=button value=Change></noscript> 

title属性值或以其它方式呈现给用户,所以他们应该包含合理的东西(不是URL)或缺席。如果您需要包含一些用于客户端处理的数据,请使用data-属性。

2

不,这被明确称为WCAG 2.0中的失败:F37: Failure of Success Criterion 3.2.2 due to launching a new window without prior warning when the status of a radio button, check box or select list is changed。您也可能想要接受针对您之前提出的问题的一些答案。

+1

表单将在没有提交按钮的情况下进行验证。但它会失败WCAG2的要求。不要让用户对常见的表单元素有不寻常的使用。 – stringy 2012-02-25 00:18:02

相关问题