The <abbr> Element
The <abbr> element represents an abbreviation or acronym. It can optionally include a title attribute which should contain the full expansion of the term.
The W3C develops the HTML standard.
<abbr title="World Wide Web Consortium">W3C</abbr>
View HTML Living Standard: The abbr element
Best Practices & WCAG Alignment
- Acronyms vs. Abbreviations: Use
<abbr>for both. The older<acronym>element is obsolete. - First Occurrence: Always spell out the abbreviation in plain text upon first use to ensure clarity for all users.
WCAG Requirement: Abbreviations
Success Criterion 3.1.4 (Level AAA): A mechanism is available for identifying the expanded form or meaning of abbreviations.
While providing an expansion in the text is the primary method, the <abbr> element supports this criterion by providing a semantic container for the abbreviation.
When to use the title attribute
According to the HTML Living Standard, the attribute should be used for expansions that might be unfamiliar to the reader or terms that may have multiple meanings.
A11y Warning: Title Support
Many screen readers do not announce the title expansion by default. To satisfy WCAG SC 1.3.1 (Info and Relationships), ensure that the semantic meaning is not lost if the title is ignored.