WebAIM - Web Accessibility In Mind

E-mail List Archives

Accessible NCAA Tournament Bracket 2009

for

From: Terrill Thompson
Date: Mar 18, 2009 11:55AM

Hi All,

Please spread the word if anyone is looking for an NCAA tournament bracket
that doesn't require eyesight and a mouse:
http://terrillthompson.com/ncaa

Now in its third year, this has become an annual tradition. Partly it's just
a fun project, but I also see it as a testing ground for making a
challenging interface accessible. My approach at making the bracket
accessible is to break it into smaller components: Each region contains
multiple rounds, and each round is a list of games, where games are lists of
two teams. Level 2 and 3 headings identify each region and round
respectively, which combined with the list structure make it fairly easy to
navigate for screen reader users. I then use CSS to stylize this so it looks
like a bracket for visual folks.

I'm not 100% convinced that this is the best possible approach, but it seems
to work ok for now. If anyone has ideas for an alternative approach, or for
enhancements to this approach, please let me know.

Cheers,
Terry

Terrill Thompson
Technology Accessibility Specialist
DO-IT, Accessible Technology
UW Technology Services
University of Washington
<EMAIL REMOVED>
206/221-4168