Category: abbreviation

Acronym and Abbr, Referencing W3C Docs, Hiding Text Links

Some good recent web accessibility articles:

Podcast #64: Language, Abbreviations, and Quotes

This podcast covers the markup for Language, Abbreviations, and Quotes; CSS is a whole other issue which may be covered in a future podcast.

Download Web Axe Episode 64 (Language, Abbreviations, and Quotes)

News

Announcements

  • Web accessibility consulting now offered by Dennis & Ross; contact them at webaxe [AT] gmail NOSPAM dot com
  • The next Refresh Detroit meetup is Wednesday, July 30.

Main Segment

General Guidelines
Language in HTML tag


Code Examples: Blockquote

Dennis and Ross are highly recommended for web design!


Jane Doe



Dennis and Ross are highly recommended for web design!


Code Examples: Inline quotes

A customer for web accessibility consulting said Dennis and Ross are
highly recommended for web design!
, and that was pleasing to my ears.



Dennis and Ross are highly recommended for web design!

As Jane Doe said, Dennis and Ross are
highly recommended for web design!
Code Examples: Abbreviations & Acronym
CA
Cali

Also, the abbr attribute can be used in table headers:

colors selected currently


CSS + Aural Style Sheets
acronym {speak : normal;}
abbr.initialism {speak : spell-out;}
abbr.truncation {speak : normal;}

Language Codes

List of language codes; the Representation of the Names of Languages. From ISO 639, revised 1989.

Other Links

Abbreviation and Acronym Issue

Using the ABBR and ACRONYM tags is a great technique that is simple and works very well—with standards-compliant browsers, that is. Until IE complies to world web standards, coders must hack the functionality in. I despise hacking for IE and try to avoid it. But, we have to admit that around 85% of users are still on IE and we should try to go out of our way sometimes to gratify them. If this is you, please try a standards-compliant browser such as Firefox or Netscape.

The ABBR and ACRONYM tags give the user the full text for an abbreviation and acronym. For example, ID would have “identification” associated with it. Example:

ID

But this won’t work in IE due to its lack of standards-compliancy. The method I’ve used the for word “ID” above so that it works in IE also is as follows: (the CSS would be in a global stylesheet, of course):

ID

Is this the best method for now? Should we coders be using these methods at all?