スクリーンリーダーは<abbr>タグをどのように読み取っていますか？

Question

<abbr>タグは、スクリーンリーダーで読み取ったときにその内容がその内容を置き換えるようにスクリーンリーダーによって解釈されるはずであることを知りました。しかし、私が試してみると、MacOS（FirefoxとSafari）VoiceoverとNVDA（Windows 10、EdgeとFirefox）のどちらもそのように機能しません。ここでは、関連するコードの一部です：

... bla bla bla <abbr title="nervus">N.</abbr> peronaeus ... 

（つまり、医療表現だ）

IMOこれは「...かくかくしかじかnervus peronaeus ... 『と読まれるべきであるが、それは』と読みます。.. 「bla bla bla N.」と表示された場合、ドットのために明らかに長い静寂（またはスクリーンリーダーもその前に停止します）、次に「ペローネウス」... - 「nervus」...

Am私は構文を正しく使用していますか、または私が紛失しているものがありますか？または、それが正しい場合：WAI-ARIAのコードなどを追加して、ほとんどのスクリーンリーダーで動作するようにすることができますか？

Answer 1

実際に要素のtitle属性を聞いているユーザーに依存することはできません。次のようにHere's a good resource on how screen readers process HTML elementsは、とabbrのために、エントリがある：あなたが見ることができるように、スクリーンリーダーは、通常は要素の内容を読み出す

。 N.にはピリオドが含まれているため、単に「N」を読み込み、ピリオドの完全停止を行います。スクリーンリーダーを設定してtitleのコンテンツを読むことはできますが、オプトイン設定なので、それに頼るべきではありません。実際には、スクリーンリーダーのコンテンツをtitleと設定する方法はありません。

Answer 2

abbrというタグは間違いです。

あなたの場合、盲目のユーザーにのみ情報を提供するのではなく、一般的な医療略語であると思われるものを無視するユーザーに情報を提供したくない場合。スクリーンリーダーを使用しないノンブラインドのユーザーには、この情報が必要です。

逆に、点字ディスプレイを使用している盲人は略語を楽しめます。たくさん。

---

あなたは略語を処理するために非常に効果的な方法をしたい場合は、用語集を使用します。

<a href="/glossary/nervus-peronaeus" 
     aria-label="Nervus peronaeus" 
     title="Nervus peronaeus" class="glossary">N. Peronaeus</a> 

aria-labelはリンク上の非常に良いサポートを持っている、とtitle属性がにヒントを与えるために使用することができます非スクリーンリーダーユーザー。

用語集は、たとえばページの下部に挿入することができます。

<a href="#nervus-peronaeus" 
     aria-label="Nervus peronaeus" 
     title="Nervus peronaeus" class="glossary">N. Peronaeus</a> 

私は、省略形を扱うのが好ましい方法です。

Nervus Peronaeus 

クリア。簡潔にする。それは些細かもしれませんが、略語が説明に値すると考えると、それは全員にとって（モーター、視覚、認知障害）の最良の方法です。

言うまでもなく、略語の部分については、説明する必要はありません（FBI、NATO、...）。専門家のための医療ウェブサイトでは、 "N. peronaeus"という用語は、対象となる国民のための言語の一部であるかもしれません。