Current Posts

ALT, Long Description, D-Link

Good and bad examples of the ALT parameter. Long descriptions and D-links: what are they and how do you code one?

Download Web Axe Episode 5

W3C on text equivalents

Code samples:

<img href="mskensington.jpg" alt="Ornate photo of Ms. Kensington" />

<img href="earningschart1.jpg" alt="Chart of XYZ Corporation Earnings 1995 through 2005" longdesc="long_desc_earningschart1.htm" />

<img href="earningschart1.jpg" alt="Chart of XYZ Corporation Earnings 1995 through 2005" />
[<a href="long_desc_earningschart1.htm" title="Long text description of earnings chart">d</a>]

Labels: , , , , , ,

Web Axe Promo

Here's the first Web Axe promo clip (MP3, 64kbps 44khz). Feel free to play in your podcast or wherever else. Please do not modify the file.

Download Web Axe Promo 1

Labels: , , ,

Quick--But Important--Tips

Going over some simple but important techniques for web accessibility including text links, heading tags, close links on popups, and dropdown menu (select) links.

Download Web Axe Episode 4

[transcript]

References:
Checkpoint 7.4 and 7.5
Checkpoint 10.1

Labels: , , , , ,

Data Tables

What you need to know to make your table accessible. This means your tabular data table, of course, since we're no longer using tables for layout, right? Dennis covers summary, caption, th, scope and abbr.

Download Web Axe Episode 3

[transcript]

W3C techniques on row and column information

Sample code:
<table width="100%" summary="Three-column table of annual average temperature and humidity for all United States">
<caption>
Average temperature and humidity for the United States
</caption>
<tr>
<th scope="col" abbr="state">State Name</th>
<th scope="col" abbr="temp">Average Temperature</th>
<th scope="col" abbr="humidity">Average Humidity</th>
</tr>
<tr>
<td>Alabama</td>
<td>50</td>
<td>50</td>
</tr>
<tr>
<td>Alaska</td>
<td>50</td>
<td>50</td>
</tr>
</table>

Labels: , , , , , , , ,

Accessible Form Elements

How to add a label tag to a form element. This makes your form element such as an input field accessible and a little more user-friendly.

Download Web Axe Episode 2

[transcript]

W3C reference on labels

Sample code:
<form>
<label for="txtEmail">Your email:</label>
<input type="text" name="txtEmail" id="txtEmail"/>
</form>

Labels: , , , , , , ,

Introduction Episode

The first Web Axe episode covers what this blog and podcast is about, a little background on the host Dennis Lembree, and a few important URLs for Web Accessibility.

Download Web Axe Intro Episode 1

[transcript]

Great resources:
Web Accessibility Initiative (WAI by the W3C)
WebAIM (Web Accessibility In Mind)
Section 508 (U.S. Federal Law)

Labels: , , ,

Coming soon!

Welcome to Web Axe -- the blog and podcast of practical web accessibility tips. The first podcast episode is coming soon. Please leave a comment with any suggestions or ideas. Or email Dennis at Web Axe send an email at webaxe at gmail dot com.

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