If your web pages are littered with acronyms and abbreviations (e.g. HTML, W3C, CSS), you will be pleased to know that HTML 4 (and above) provides a way to expand those abbreviations without clogging up your pages with additional text.

What is the difference between an abbreviation and an acronym?

Abbreviations are any shortened form of written words that represent the complete form, such as UK for United Kingdom, MCU for Making Connections Unit, or etc for etcetera.

Acronyms are abbreviations that are used as a word in their own right when read aloud, such as RADAR, or NASA.

Here is an example of how to use the <abbr> element in your web page:

<p>Use standard <abbr title="HyperText Markup Language">HTML</abbr>
to markup and <abbr title="Cascading Style Sheets">CSS</abbr>
for presentation.</p>

When the user hovers their mouse over the abbreviation, a ‘tool tip’ will appear containing the expanded form.

I tend to use one instance of the acronym (or abbr) in full then after the first introduction, e.g.

XHTML (eXtensible Hypertext Markup Language) whereafter the next instance uses the acronym. Dependent on copy length I make a judgement call and may introduce another instance of the tag(s). Don’t overdo it, as it can become repetitive verbiage.


Related Content

  • Accessibility Auditing – WCAG 2.1 & WCAG 2.2 and Accessible Website Design, UK
    Jim Byrne is an accessibility specialist with three decades of experience in accessible website design, training and accessibility auditing and consultancy for the not-for-profit, education, public and third sector. An award-winning website developer, website accessibility training provider and WCAG 2 expert ( he provided feedback on the development of WCAG ...
  • How to create accessible email
    Email has become one of the most common ways to communicate. It is a good and economical method of disseminating information to people where they want to receive it. Emails are used for private communication, confirming transactions, newsletters, reminders for appointments, marketing and invitations, to name just ...
  • Accessibility of audio and video content on the web
    I have re-published this content from a report I wrote for The Spoken Word Project in March 2007 - because it occurred to me that this might be useful information for organisations thinking of adding video to their websites. Time constraints mean that this document cannot be considered a definitive ...

Take my Web Accessibility Online Training Course - WCAG 2.1 Compliance

Learn to design and manage WCAG compliant, accessible websites with my online course

You will learn both the techniques of accessible website design and an entire ‘framework for thinking about the subject’. It will equip you with the skills to understand, identify and fix issues any accessibility issues you come across. Watch the free videos to get a taste of what is on the course. Video image from Web Accessibility Online Training Course - WCAG 2.1 Compliance

Working with non-profits, charities, voluntary and public sector organisations and social enterprises for over 20 years. Jim set up one of the worlds first website accessibility web agencies in the mid 1990s.