2016-04-18 19 views
0

私はオフスクリーンに設定した送信入力フィールドを使用しようとしていますが、Android(Talkback)のスクリーンリーダーはダブルタップしてもフォームを送信できません。私はIOSのために同じことをしましたが、IOS screenreader(Voiceover)はフォームのサブミットとしてダブルタップを登録しますオフスクリーンフォーム送信オプションを追加しようとしています

Talkbackは、目に見えないオブジェクトと対話できませんか?

私が使用しているCSSクラスがある:トークバックがサポートされていない場合はhttps://jsfiddle.net/uyk0uLx4/

:ここ

.hidden 
    { 
     position:absolute; 
     left:-10000px; 
     top:auto; 
     width:1px; 
     height:1px; 
     overflow:hidden; 
    } 

は私が達成しようとしているものと同様であるjsfiddleへのリンクですオフスクリーン送信ボタンのためのフォーム提出オフスクリーンフォーム提出を動作させるために推奨される方法は何ですか?

答えて

0

画面のボタンは、アクセシビリティの問題(スクリーンリーダーのユーザーに限定されない)を処理するための悪い方法です。

たとえば、目を追跡するアクセシビリティソフトウェアでは、隠しボタンを使用できません。 キーボードのみのユーザーは、コンテンツをタブで移動するときに、フォーカスの移動先を知ることができません。

問題を解決する最もよい方法は、ボタンを表示させることです。

これは、1ピクセルの透明イメージボタンを使用することは、あなたの問題の解決策であり、スクリーンリーダーのユーザーはアクセス可能です(ただし、誰もがアクセスすることはできません)。

+0

透明イメージボタンとはどういう意味ですか?ボタンにバックグラウンドCSSプロパティを追加するだけですか? – hktir

+0

@hktir http://stackoverflow.com/questions/3381609/button-image-as-form-input-submit-buttonを参照してください – Adam

+0

透明な画像ボタンと標準ボタンの違いはありますか? -10000 pxのCSS属性を使用しないと、両方ともクリック可能であるように見え、両方が誤って非スクリーンリーダーユーザーによってクリックされる可能性があります。 – hktir

関連する問題