1

目の不自由なユーザーがデータベースにアクセスできるようにしようとしていますが、予想通り多くの問題が発生しています。

role='application' を追加し、すぐに JAWS をフォーム モードにすると、サイトのタブ移動と動作がより予測しやすくなることがわかりました。ただし、簡単なテキストを読む方法がわかりません。

例えば。このようなフォームがあるとしましょう

<form method='post'>
<input type='text' title='First Name' name='firstname'>
<input type='text' title='First Name' name='lastname'>
<div tabindex='0'>In this next section, make sure you do XYZ when filling things out</div>
<select name='question1' title='Question 1'>The Options</select>
<select name='question2' title='Question 2'>The Options</select>
<select name='question3' title='Question 3'>The Options</select>
<input type='submit' value='Submit'></form>

div「この次のセクションでは、確認してください...」がスクリーンリーダーによって読み取られるようにするにはどうすればよいですか?

4

2 に答える 2

3

に追加できるのでaria-describedby="ID_Here"、<select>次のようになります。

<input type='text' title='First Name' name='lastname'>
<div tabindex='-1' id="instruct">In this next section, make sure 
you do XYZ when filling things out</div>
<select name='question1' title='Question 1' aria-describedby="instruct">The Options</select>

<fieldset>一連の質問がまとめられていることを示すために、該当するセクションの質問を でラップすることができます。

でも見た目が嫌<fieldset>！

わかりました、お気に入りの検索エンジンを使用して、CSS でスタイルを設定する方法を見つけてください。

また

<input type='text' title='First Name' name='lastname'>

悪い習慣をやめて、 を使わないtitleで、 を使ってください<label>。詳細については、タイトルに関する他の回答を参照してください。

も使用して再考することをお勧めしrole="application"ます。

于 2012-07-18T23:16:34.447 に答える
0

<div>タグは見出しのように見えますが、セマンティック見出し h1 ～ h6 を使用していないため、JAWS はドキュメントの構造を判別できません。読みやすくするには、role="heading" を追加し、必要に応じて aria-level を指定すると、JAWS がテキストを取得します。次に例を示します。

<input type='text' title='First Name' name='firstname'>
<input type='text' title='First Name' name='lastname'>
<div role="heading" aria-level="4">In this next section, make sure you do XYZ when filling things out</div>
<select name='question1' title='Question 1'>The Options</select>

また、ライアンが述べたように、表示可能なラベルを使用できない場合は、フォーム入力に aria-label を追加するだけです。例えば：

<input type='text' title='First Name' name='lastname' aria-label="First Name">
于 2012-07-24T02:12:55.477 に答える