Categories
code navigation podcast semantic

Podcast #37: Code Considerations for Web Accessibility

Dennis and Ross discuss various techniques on coding for web accessibility (in follow up to Podcast #34: Design Considerations for Web Accessibility). Topics include:

Download Web Axe Episode 37 (Code Considerations for Accessibility)

News

Links

Categories
screenreader testing

Screenreader Emulator Firefox Extension

So you would like to test your web site for screenreaders. It may not the final test, maybe it is. Maybe you don’t have screenreader software, or the resources to hire testers, or the time. What do you do?

Here comes the Fangs Screen Reader Emulator for Firefox 1.5 to the rescue. It’s by Peter Krantz of Standards-Schmandards. It’s yet another valuable Firefox extension for development. Fangs will open a new window with a text sampling of what a screenreader would “say”. It also has a tab for a basic headings list and a list of links. Very nifty.

[Fangs] renders a text version of a web page similar to screen reader output. Helps developers find accessibility issues fast.

Direct Download the Fangs Screen Reader Emulator

Categories
articles

Web Accessibility News Video

There’s a great news segment on web accessibility from the BBC, and available in a video clip. It explains the difficulties of non-accessible web sites pretty well. Check it out:

Categories
data header podcast scope table web

Podcast #36: Complex Data Tables

In addition to a nice caption tag and summary attribute, you may know that a data table requires table header cells (TH) for the header rows and/or columns, and a scope attribute (see Web Axe episode 3, Data Tables). But what is there is more than one row of headers? This is called a complex table, and a different type of coding should be used.

Download Web Axe Episode 36 (Complex Data Tables)

A complex table:

  • can have any number of rows as a set of headers and/or the first column as a set of headers
  • can contain data rows in between the header rows
  • uses the id and headers attributes

Links:

Sample code (modified from WebAIM):

Shelly's Daughters
Name Age Birthday
by birth Jackie 5 April 5
Beth 8 January 14
by marriage Jenny 12 Feb 12