2012-02-24 79 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

相關問題