私のモバイル Web サイトでは、サイトの重要な段階で、Yes
またはNo
ラジオ ボタンの質問があります。
iPhone などのタッチ対応デバイスでは、これらのラジオ ボタンを選択するのが難しい場合があるという奇妙なレポートを受け取りました。
興味深いことに、ユーザーがラジオ ボタンの周りを突き刺し、最終的に選択されていることが強調表示されるのを自分の目で見たことがあります。それから私は自分でハンドセットを取り、すぐにそれを強調表示することができました.
タッチテクニックに問題がある可能性はありますか? (そのようなことがあれば)。タッチスクリーンの感度に問題があるiPhoneについて読んだことがありますが、それを強調表示できれば、電話の問題は除外されます.
私が欲しいのは、ラジオボタン自体とラベルの周りの領域で、ユーザーがどちらかをタッチするとラジオボタンが選択されるようにすることです。これは可能ですか?
これは私の現在のマークアップです:
<input type="radio" name="del_standard_use_b_as_s" id="del_standard_use_b_as_s_yes" value="yes">
<label for="del_standard_use_b_as_s_yes" class="use_existing">Yes</label>
これは、ラジオ ボタンがモバイルでどのように表示されるかを示すスクリーン グラブです。