Current Posts

Want to be on Web Axe?

Dennis is looking for an Accessibility guru who wants to be part of at least one podcast on Web Axe. If interested just send Dennis an email at web axe at gmail dot com. Topic ideas welcomed.

Labels: , ,

Accessible PDF (Acrobat) Files

We all know that PDF files (Adobe Acrobat) are very common in the workplace and on the web. Learn how to make them Accessible in this tenth podcast of Web Axe.

Download Web Axe Episode 10

Links:
We know about PDF files. Our PDF converter allows you to convert PDF to Word as well as PDF to Excel so you can use and analyze without retyping.

Labels: , , , ,

Ten Reasons Clients Don't Care About Accessibility

I found a great article from Digital Web on the frustrations of getting the client to understand the need for web accessibility.

10 Reasons Clients Don't Care About Accessibility

What are your thoughts?

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:
<label for="txtuser" tabindex="1" accesskey="u">user name</label>
<input type="text" name="txtuser" id="txtuser">

<a tabindex="2" accesskey="c" href="http://www.yoursite.com/contents.html">table of contents</a>

Labels: , , , , ,

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!

Labels: , , , ,

Terminology Explained

Clearing up a few strange terms related to accessibility.

Download Web Axe Episode 7

Labels: , , ,

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:
<body>
<a href="#maincontent">Skip navigation</a>
...[header and navigation links]...
<a name="maincontent" id="maincontent"></a>
<h1>Heading</h1>
<p>This is the first paragraph</p>

Labels: , , , ,

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:

<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: , , , ,

RSS icon; follow the RSS feed for Web Axe Twitter icon; follow Web Axe on Twitter

Like Web Axe?

Podcast Alley

Odeo

Mapper on Frappr

Add yourself to the Web Accessibility Enthusiasts mapper

Previous Posts

Related Sites

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