How to Use the accessibility tags in HTML

Understanding the <abbr> Tag in HTML

The <abbr> tag in HTML is used to define abbreviations or acronyms, offering context to readers and improving accessibility. 

How to Use the accessibility tags in HTML

When this tag is used, browsers can display a tooltip with the expanded version of the abbreviation when users hover over it. This is particularly helpful for technical terms, brand names, or jargon that might not be immediately clear to all users.

Syntax of Tag

<abbr title="Hypertext Markup Language">HTML</abbr>

Output:

When you hover over "HTML," it will display the tooltip: "Hypertext Markup Language."

HTML

Use Cases

• Defining technical terms:

  The <abbr title="Cascading Style Sheets">CSS</abbr> is essential for web design.

  Output:

  The CSS is essential for web design.

• Acronyms in professional documents:

  Welcome to the <abbr title="Hello">GeeksCodes</abbr> website.

  Output:

  Welcome to the GeeksCodes website.