WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Can I make my family tree chart accessible

for

From: Terence de Giere
Date: Jul 20, 2003 7:04PM

Brent --


You could try nested definition lists. I have used these for
organizational charts. Still, it can get pretty complex with this many
levels. However tables are probably more difficult to figure out. I
think a graphic for sighted users, and definition lists, <DL>, for
readers and text browsers would produce the best results. The definition
term <DT> would be, say, "Parents", and the definition <DD>their names
(each one in a DD element under the "Parents" term. Some additional
identifying text would be needed. There is an HTML attachment to this
email, that will probably get stripped off the forum with a partial
example. CSS can be used to get a clearer format for visual users
reading a definition list.

Terence de Giere
<EMAIL REMOVED>

===============Brent Ashworth wrote:


Hi. I created a chart of several generations of my ancestors by using a
table with lots of cells and generous use of rowspan and colspan. How
exactly would using CSS instead make it accessible when page readers
read tables in a linear fashion? Could someone please check out the
chart on my site and help me create css code to make the chart appear
the same but be accessible? My site is at:
http://homepages.rootsweb.com/~brentspg/index2.html


--------------000906070408060303000208
Content-Type: text/html;
name="family-tree-sample.htm"
Content-Transfer-Encoding: 7bit
Content-Disposition: inline;
filename="family-tree-sample.htm"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>

<HEAD>
<TITLE>Family Tree</TITLE>
</HEAD>

<BODY>
<DL>
<DT>Current Generation</DT>
<DD>Name: Brent Ashworth
<DL>
<DT>Parents</DT>
<DD>Father: Warren Ashworth
<DL>
<DT>Paternal Grandparents</DT>
<DD>Paternal Grandfather: Sidney Ashworth</DD>
<DD>Paternal Grandmother: Violetta Sponberg
<DL>
<DT></DT>
</DL>
</DD>
</DL>
</DD>
<DD>Mother: Carolyn La Tourette
<DL>
<DT>Maternal Grandparents</DT>
<DD>Maternal Grandfather: Donald La Tourette</DD>
<DD>Maternal Grandmother: Elsa Ehlers</DD>
</DL>
</DD>
</DL>
</DD>
</DL>
</BODY>

</HTML>