IEとFirefoxがaria-hiddenプロパティを尊重するにはどうすればよいですか？

Question

私は、共通の記号を使って特定のテキストを表すウェブサイトの一部に取り組んでいますが、スクリーンリーダーがその記号を読むのではなく、記号の意味を説明しています。例えば

：

あなたは無料のiPad ∞を得るでしょう。

ここで、∞は「コンテストに勝った場合」を意味します。このテキストは、サイトの他の場所に表示されます。ソースで

は、私は次があります。

You'll get a free iPad<acronym title="If you win the contest"><span aria-hidden="true">&#8734;</span></acronym> 

これは、Chromeで正常に動作し、正しく「あなたがコンテストに勝った場合」と言いますが、FirefoxとIEでそれが「インフィニティ」として∞を読み込みます。

私はIE/Firefoxがこのインスタンスで何をすべきかを知るのに役立つものがありませんか？

それが重要ならば、それは受け入れることができるように、OPが同じことを行うことができますが、私は（答えにコメントの会話を作るのFirefox 48.0.2、IE 11とChrome 53.0.2785.116 mの

Answer 1

を使用していますし、彼自身の答えを受け入れる）。

• Firefox/NVDAは無限記号を読み取っていません。
• IE/NVDAは無限記号を読み取るのではなく、タイトル値を読み取ります。
• NVDAでChromeが正常に再生されません。

ペン：http://s.codepen.io/aardrian/debug/VKPwrV

NVDAのユーザーは、一般的にChromeを使用していません。私は「決して」と言いますが、誤ってクリックすることもあります。マウスを使わずに再テストします（ホバリングが無限を宣言するので、確かに）。私はNVDA 2016.2とNVDA 2016.3を使用しています。 Firefox 48.0.2では、「あなたがコンテストに勝ったら、あなたは無料のipadを手に入れます」と聞きました。 IE11では、「あなたがコンテストに勝ったら、あなたは無料のipadを手に入れます」と聞きます。

（マウス）ポインタでシンボルを移動すると、スクリーンリーダーがそのシンボルを通知します。

通常、SRユーザーはキーボードでページをナビゲートし、必要な部分に移動してから読み取らせます。見出し、ランドマーク、リストなどでジャンプすることは一般的です。スクリーンリーダーのユーザーは通常、マウスを使ってサーフィンしていません（ただし、SRユーザーの全員が完全に盲目になっているわけではありません）。

あなたのコードをそのまま残すことができます（ただし、<acronym>を<abbr>に置き換えてください）。