W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > October to December 2001

Re: mark up for complex data tables

From: David Poehlman <poehlman1@home.com>
Date: Tue, 20 Nov 2001 09:04:33 -0500
Message-ID: <002801c171cc$48907ba0$2cf60141@cp286066a>
To: "Scarlett Julian \(ED\)" <Julian.Scarlett@sheffield.gov.uk>, <w3c-wai-ig@w3.org>
jaws 4.01 does a great job with this it seems.

----- Original Message -----
From: "Scarlett Julian (ED)" <Julian.Scarlett@sheffield.gov.uk>
To: <w3c-wai-ig@w3.org>
Sent: Tuesday, November 20, 2001 4:29 AM
Subject: mark up for complex data tables


Hi all

I am working with a site owner to convert their existing site to be more
accessible. At present they are serving up MS Office documents (doc &
xls)
rather than html pages. To make things worse they are dumping Excel
tables
into Word docs as images. These tables are complex and I'm having
trouble
gettign the mark-up correct. I've read Kynn's article but still am
having
problems.The issue has become more urgent as I have an appointment in
two
days with a screen reader user to see how her assistive technology works
and
I would like to get the table done by then so I can hear the difference
first hand. This is as far as I have got (I've put colours and aligns in
for
ease of use - these will of course be handled by CSS in the real thing):

<html>
<head>
<title>complex table - RAS work in progress</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000" >
<table width="90%" border="1" cellpadding="3" bordercolor="#000000"
summary="Table showing comparison of pupil's marks for xxxxx school by
subject: comparison is by gender, with statistical neighbours, across
the
LEA and nationally.">
<caption> 2001 Key Stage 3 results for xxxxxx school. </caption>
  <tr bgcolor="#CCCCCC">
    <th colspan="3">
      <div align="center">School name</div>
    </th>
    <th rowspan="2">
      <div align="center">Subject</div>
    </th>
    <th colspan="3">
      <div align="center">Band</div>
    </th>
    <th colspan="3">
      <div align="center">LEA</div>
    </th>
    <th colspan="3">
      <div align="center">National</div>
    </th>
  </tr>
  <tr bgcolor="#CCCCCC">
    <td>
      <div align="center">Boys</div>
    </td>
    <td>
      <div align="center">Girls</div>
    </td>
    <td>
      <div align="center">All</div>
    </td>
    <td>
      <div align="center">Boys</div>
    </td>
    <td>
      <div align="center">Girls</div>
    </td>
    <td>
      <div align="center">All</div>
    </td>
    <td>
      <div align="center">Boys</div>
    </td>
    <td>
      <div align="center">Girls</div>
    </td>
    <td>
      <div align="center">All</div>
    </td>
    <td>
      <div align="center">Boys</div>
    </td>
    <td>
      <div align="center">Girls</div>
    </td>
    <td>
      <div align="center">All</div>
    </td>
  </tr>
  <tr>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">subject 1</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
  </tr>
  <tr>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">subject 2</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
    <td>
      <div align="center">data</div>
    </td>
  </tr>
</table>
</body>
</html>

As usual there seem to be several different ways of doing things and I'm
a
bit confused by getting scope to cover more than one column. Also should
I
be using thead or header ids?

Any input would be greatly appreciated

tia
Julian


Julian Scarlett
Web Design & Document Management System Officer
PPU
Education Directorate
Sheffield City Council
0114 2735721
mob 07904914976
julian.scarlett@sheffield.gov.uk

[Please ignore the specificity of our Corporate disclaimer. I have no
option
but to post to public lists from work and no option but to use the
disclaimer when at work]

The information in this email is confidential. The contents may not be
disclosed or used by anyone other than the addressee.  If you are not
the addressee, please tell us by using the reply facility in your email
software as soon as possible. Sheffield City Council cannot accept any
responsibility for the accuracy or completeness of this message as it
has been transmitted over a public network.  If you suspect that the
message may have been intercepted or amended please tell us as soon as
possible.
Received on Tuesday, 20 November 2001 09:04:36 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 19 July 2011 18:13:58 GMT