2012-02-24 12 views
0

<select>を使用しているプルダウンを使用している場合は問題ありません。 Web Accessibility、Web Standardsの点で私は尋ねています。<form>ごとに[送信]ボタンが必要ですか?

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

ここで実際に何を求めているのかを明確にすることはできますか? –

+0

あなたの質問は、[codereview.stackexchange.com]([http://codereview.stackexchange.com/] – ManseUK

+0

)に適しています。読者の選択肢を読んでいる間に、すべてのキーボードショートカットAlt +を使用している場合を除いて、スクリーンリーダーがそれを実行すると、アクションをトリガーします(ただし、選択肢を開くと、オプションを読み込んで閉じます) Shift +下矢印)。 @Jukka K. Korpelaから答えて、文字列からのコメント – FelipeAls

答えて

1

あなたはどんなsubmitボタンを持っていない場合、それはformタグの要素があり、それが必要でない場合は、formにして、それを追加することはできません、すべての後に、それが許容されます。これはどんなWeb標準も壊しません。

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

関連する問題