How do screen readers read <abbr> tags?

Question

I found out that a tag <abbr>should be interpreted using on-screen devices so that its attribute titlereplaces its contents when reading from a screen reader. However, when I try to do this, neither MacOS (Firefox and Safari) Voiceover nor NVDA (Windows 10, Edge and Firefox) work like that. Here's the relevant piece of code:

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

(which is a medical expression)

IMO, this should be read as "... bla bla bla nervus peronaeus ...", but it reads like "... bla bla bla bla N.", then a long silence (or the screen device even stops before it), apparently because of the point, and then "peronaeus ..." - there is no "nervous" ...

Am I using the syntax correctly or is there something I am missing? Or, if this is correct: is there any WAI-ARIA code or similar code that I could add to make it work as intended to be on most screen readers?

Answer 1

You cannot depend on the user who hears the attribute of the titleelement. Here's a good resource on how screen readers handle HTML elements , and for a abbrpost, it looks like this:

, . 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

. . , , , , (, , ).

, (, ,...). - "N. peronaeus" .

Answer 3

Another approach: use the full term plus the abbreviation in parentheses in the first instance on the page, and then just the abbreviation after that. Wikipedia: "Hypertext Markup Language (HTML) is a standard markup language for creating web pages and web applications." https://en.wikipedia.org/wiki/HTML