Web Axe: web accessibility podcast and blog
Podcast and blog on practical web design accessibility tips.
What is web accessibility? | Email: web axe [at gmail] NOSPAM! dot com
Current Posts
Abbreviation and Acronym Issue
Monday, October 03, 2005
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:
<abbr title="identification">ID</abbr>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):
<abbr title="identification"><span title="identification" style="border-bottom: 1px dotted #000;">ID<span></abbr>Is this the best method for now? Should we coders be using these methods at all?
Labels: abbreviation, accessibility, acronym, standards, web
Partner Links
web design | create a website | Website Templates | UK Web Hosting | Search Engine Optimization | search engine optimisation | web hosting | Cheap Domain Names
Like Web Axe?
Mapper on Frappr
Add yourself to the Web Accessibility Enthusiasts mapper
Previous Posts
- ALT, Long Description, D-Link
- Web Axe Promo
- Quick--But Important--Tips
- Data Tables
- Accessible Form Elements
- Introduction Episode
- Coming soon!
Related Sites
- Web Overhauls - tune-up your web site!
- Accessible Twitter - superior alternative to Twitter.com.
- 3.7crea.tv - web design and marketing blog.
- Refresh Detroit - regional group for web professionals.
- Detroit Podcasters Network.
- Website Design - seo friendly web design company.
About the Hosts
About Dennis
Dennis Lembree is the founder of web development company Web Overhauls, which specializes in web usability, standards, and accessibility. Follow Dennis on Twitter: @dennisl
About Ross
Ross Johnson runs a web design company (3.7 Designs) that takes a wholistic view on the web and art of constructing pages. They strive to be creative and unique. Follow Ross on Twitter: @3pointross
6 Comments:
I love ABBR and ACRONYM. I really think text/web-editors aren't using these or promoting these features like they should. If, and when, content writers use these then many will get used to them and follow.
I feel the same about the DT & DD tag sets. Google may soon have a term-lookup search option and the ABBR, ACRONYM, DT/DD tags will become mega important then, I feel.
Yea, the DT and DD (data term and definition) tags are cool. I've used them on a couple XHTML sites, and is a good technique for future-proofing your sites.
Joe Clark has an interesting discussion about abbreviations and acronyms on his web site.
- In the first instance of a particular abbrevation or acronym on a page, use the title attribute to expand it. Subsequent instances do not need the title attribute.
- Exception to these rules include units of measurement, which should be handled automatically by screen reader software. So, MB and KB don't need to be encased by <abbr> ... </abbr> tags.
- Since screen readers sometimes spell out capitalised words, regardless of whether they are abbreviations or not, use normal case in the markup and apply a style to convert the text to upper case. For example, <span class="allcaps">Microsoft</span> and the stylesheet would contain the following class definition: .allcaps { text-transform: uppercase; }
Great article, thanks Simon. The issue I'm focusing on is the fact that IE does not display Abbreviation or Acronym text any differently than regular text. So you have to add CSS to the tags to visually indicate they're present, while good browsers already do this.
This is good CSS to add for screenreaders, etc.:
abbr {speak:spell-out;}
acronym {speak:normal;}
FYI: The Acronym tag has been deprecated in XHTML 2.0! See this excellent article on A List Apart: http://www.alistapart.com/articles/hattrick
Post a Comment
<< Home