RE: Accessibility of Timeline.

A correctly marked up data table works well for calendar.

See Understanding WCAG 2.0, How to Meet Success Criterion 1.3.1 [1]; follow the links to HTML techniques for data tables. See also techniques for scripting.

And check out Becky Gibson's work on Ajax (CSUN 2006 presentation) and other Ajax-related presentations at CSUN 2006.[2]

"Good design is accessible design."

Dr. John M. Slatin, Director 
Accessibility Institute
University of Texas at Austin 
FAC 248C 
1 University Station G9600 
Austin, TX 78712 
ph 512-495-4288, fax 512-495-4524 

-----Original Message-----
From: [] On Behalf Of Charles McCathieNevile
Sent: Tuesday, July 11, 2006 8:32 PM
To: Karl Dubost; David Huynh;
Subject: Re: Accessibility of Timeline.

On Wed, 12 Jul 2006 02:15:55 +0200, Karl Dubost <> wrote:

> About the problem I mentionned here 
> Le 4 juil. 06 à 01:48, David Huynh a écrit :
>> Thank you for bringing up these accessibility concerns. I do realize
>> they are serious, and they plague most AJAX applications, but I have  
>> little expertise in the area of accessibility. So your guidance will be  
>> greatly appreciated. Do you have any specific suggestions on how to  
>> make Timeline more accessible? I'm all ears.
>> As for iCalendar data, is there a Javascript library off-the-shelf 
>> that
>> I can use to parse iCalendar data?
> Timeline is basically a calendar with extra information with 
> annotation.
> Question for WAI: what is the best way to create a calendar in HTML is
> it a table or a list? I remember in the past I had try to represent that  
> as a list and display it as a table.
> 	Be careful it's not necessary the best solution, maybe people from WAI  
> could point us to a page explaining the best ways to create a calendar  
> in HTML.
> Given that all data are in the HTML page with a specific set of class
> names/markup, the javascript modify the DOM to get the beautiful  
> rendering that you have right now.
> 1. Design the HTML markup/structure with accessibility in mind 2. Put 
> the data into this structure in real text 2. Design the javascript to 
> beautify the data contained in the HTML page

I guess the obvious thing to do is to make the data a well-structured  
table - with headers that allow people to discover what is the meaning for  
a given cell (the problem with tables is knowing, from the middle of it,  
where you are if you can't see the entire table.

If you are very familiar with Excel or similar spreadsheets, think of  
being able to make a group of cells as a fixed feature as you scroll a  
very large table, so you can always see them. A number of accessibility  
applications are like "reading thrtugh a straw" - you only have a tiny bit  
you can see at any one time.

Or imagine reading a very very large table, and the frustration of having  
to run your finger up and down to figure out where a particular cell is.  
This can be done with user javascript, functions built in to assistive  
technologies, or the like, in a cleanly marked-up table.

I don't know of a javascript library for iCalendar (I never looked for  
one) but they probably exist. If not, there is Python and PERL code  
written by Dan Connolly and others for converting to RDFCal that would  
provide a good basis for conversion.



   Charles McCathieNevile, Opera Software: Standards Group
   hablo español  -  je parle français  -  jeg lærer norsk          Try Opera 9 now!

Received on Wednesday, 12 July 2006 15:47:57 UTC