5

アンカー タグが 3 つあります。1 つは内部にテキストがあり、2 つは有効な代替テキストを含む画像があります。内部にテキストを含むアンカー タグは、JAWS で正常に機能し、適切に読み取られます。ただし、何らかの理由で、画像が内部にあるアンカーでは、-1 の tabIndex が適用されています。これは、アンカーがスキップされていることを意味します。

これは IE 9 でテストされています。これが発生する理由はありますか? それを防ぐ方法はありますか？

4

2 に答える 2

4

JAWStabindexでリンクを -1 に設定すると、同様の問題が発生しました。これはJAWS 14.0のIE9でした

この問題は、「Web / HTML / PDF」->「リンク」の下の「連続した重複リンクのフィルター」と呼ばれるJAWSの設定によって引き起こされました。JAWS はこの機能を次のように説明しています。

このオプションは、同じ場所 (1 つのグラフィックと 1 つのテキスト) を指す連続したリンクをフィルター処理するかどうかを制御します。選択すると、テキスト リンクのみがアナウンスされます。このチェック ボックスはデフォルトで選択されています。

たとえば、どちらも同じことを行うアイコン/テキスト リンクのペアがあるとします。

<a href="javascript:void(0)" onclick="test();">
    <img src="untitled.png" title="Test" alt="Test">
</a>
<a href="javascript:void(0)" onclick="test();">TEST</a>

設定をオンにすると、JAWS はタブ オーダーから画像を削除し、次のようなテキスト リンクのみを残します。

<a tabindex="-1" href="javascript:void(0)" onclick="test();">
    <img src="untitled.png" title="Test" alt="Test">
</a>
<a href="javascript:void(0)" onclick="test();">TEST</a>

私の経験といくつかの基本的なテストから、これは画像リンクの後に重複したテキスト リンクが続く場合にのみ適用され、その逆は当てはまらないと考えています。また、画像/テキストのペアに続く重複する画像リンクにも適用されます。

私が遭遇した問題は、JAWS が属性のみを比較しているように見え、やhrefなどの他の属性を考慮していないことでした。これを、最初の画像/テキスト リンクのペアに続くすべての画像リンクに適用される重複削除と組み合わせると、画像/テキスト リンクのペアに続く画像リンクが、本来あるべきではないときに取得される場合があります。例：onclickonkeydown

<a href="javascript:void(0)" onclick="test();">
    <img src="untitled.png" title="Test" alt="Test">
</a>

<a href="javascript:void(0)" onclick="test();">TEST</a>

<a href='javascript:void(0)' onclick="dontTest();">
    <img src="untitled2.png" title="Test" alt="Test">
</a>

結果：

<a tabindex="-1" href="javascript:void(0)" onclick="test();">
    <img src="untitled.png" title="Test" alt="Test">
</a>

<a href="javascript:void(0)" onclick="test();">TEST</a>

<a tabindex="-1" href='javascript:void(0)' onclick="dontTest();">
    <img src="untitled2.png" title="Test" alt="Test">
</a>

注:が にhref設定されているのjavascript:void(0)は、まったくの偶然です。hrefこの動作は、値がすべてのリンクで同じである限り、 に任意の値を使用して再現できるはずです。

これが誰かに役立つことを願っています。

于 2013-04-09T20:59:29.360 に答える
3

JAWS は、href="javascript:void(0)" を持つアンカー タグに tabindex="-1" を自動的に追加します。あなたと同じ問題を解決するために href="#" を使用しました。

于 2013-04-09T04:21:27.353 に答える