Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is the benefit to using <acronym> and <abbr>?

Should i give my time to change terms and abbreviations to <acronym> and <abbr>? Is it worth to use? What are pros to use both tags? Is it useful for SEO and screen reader?

like image 550
Jitendra Vyas Avatar asked Dec 02 '22 06:12

Jitendra Vyas


2 Answers

See W3C specs.

An acronym is a kind of abbreviation but not vice versa.

E.g. <acronym lang="en" title="Radio Detection And Ranging">Radar</acronym> or <abbr lang="en" title="Abbreviation">abbr.</abbr>.

There is likely to be no or infinitesimally small SEO benefit from using these tags unless the abbreviation is not well known or something you made up or there is some ambiguity. For example, in an article about LILO the Linux Loader, you may want to specify <acronym title="Linux Loader">LILO</acronym> to avoid confusion with Last In, Last Out.

Any accessibility benefit would exist only for those acronyms and abbreviations that are not well known by the target audience. For instance, it makes very little to no sense to have <abbr lang="en" title="Mister">Mr.</abbr> (WCAG checkpoint 4.2 disagrees with me on this. Note also that I did not provide an expansion of WCAG in my post).

On the other hand, if you use are not using IMF to refer to the International Monetary Fund, it might make sense to use <acronym lang="en" title="Impossible Mission Force">IMF</acronym>.

Now, what happens if you also want to use IMF to mean International Monetary Fund in the same document?

The article The Accessibility Hat Trick: Getting Abbreviations Right might also be useful.

Interesting nuggets:

The assertion that abbr is structural is misguided, as the point of the tag is the content of its title attribute.

...

In [XHTML] version 2, the acronym element has been deprecated, so we're now using the abbr element for all shortened forms.

like image 94
Sinan Ünür Avatar answered Dec 25 '22 09:12

Sinan Ünür


The first time you use an acronym or an abbreviation in a part of your site, you should mark it with abbr. Here's an example:

I visit <abbr title="Stack Overflow">SO</abbr>, and so should you.

This is useful for a number of reasons:

  • Screen readers can read the unabbreviated term
  • A user hovering the cursor over that term can see the unabbreviated term
    • This can be coupled with CSS styling to hint that the term is an abbreviation (some browsers do this automatically)
  • Search engines are more likely to understand the context of the term

Should you use abbr?

I would recommend using abbr for long-lived documents, such as help pages. Here, clarity is important, and it's worth the extra few minutes peppering your content with abbr tags.

For periodicals like blog posts, you can probably skip abbr. Chances are that if you use an obscure abbreviation, you'll explain it in-text anyway. There's no sense grinding your creative process to a halt by typing HTML tags.

Avoid acronym

If you are going to use acronym or abbr at all though, you may consider using only abbr. Acronyms are a type of abbreviation, and the acronym tag is being dropped in HTML 5.

like image 28
Wesley Avatar answered Dec 25 '22 10:12

Wesley