Categories
accesskey code podcast tab web

Tab Order and Accesskey

Techniques and discussion on setting the tabbing sequence and creating access keys for elements on your HTML page.

Download Web Axe Episode 9

Sample Code:

table of contents

Categories
podcast testing web webaim

Testing for Accessibility

So, you’ve done all you can to make your site fully accessible. And now you have to test it! There are many different methods and opinions of what the best way is, as Dennis explains, and auto-checker applications are only a small piece of the pie.

Download Web Axe Episode 8

Great tools for testing web accessibility:

UDPATE AUG 2009!

Categories
definition podcast web

Terminology Explained

Clearing up a few strange terms related to accessibility.

Download Web Axe Episode 7

  • A user agent is the client application used with a particular network protocol.
  • Device independent means a user can perceive and interact with the Web through any type of apparatus (mobile phones, PDAs, interactive television systems, etc.). Device independent on Wikipedia
  • Assistive Technology (AT) is a generic term that includes assistive, adaptive, and rehabilitative devices and the process used in selecting, locating, and using them.
  • A deprecated element or attribute is one that has been outdated by newer constructs.
Categories
code navigation podcast web

Skip-Nav Technique

The “skip-nav” technique is a method for the online cursor to jump over a group of navigation links, usually a site’s main menu.

Download Web Axe Episode 6

Links:

Sample code:

Skip navigation
...[header and navigation links]...

Heading

This is the first paragraph

Categories
abbreviation acronym standards web

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?