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

RE: Tables & Anchors Question

From: P.H.Lauke <P.H.Lauke@salford.ac.uk>
Date: Wed, 22 Oct 2003 11:38:55 +0100
Message-ID: <3A1D23A330416E4FADC5B6C08CC252B97876EC@misnts6.mis.salford.ac.uk>
To: "Scott Rippon" <Scott.Rippon@arts.monash.edu.au>, <w3c-wai-ig@w3.org>

Scott,

having tested your code in IE5.5/Jaws4.02, I'm afraid that, as you
feared, the summary seems to be skipped when you follow the relative
links to the tables. Tried adding an ID to the tables themselves and
having the relative links point to those, but to no avail. It looks like
the anchors need to be just before the tables in order for the summary
to be read out.

Of course, other screenreaders might behave differently, so don't take
this as the definitive answer...

Patrick
________________________________
Patrick H. Lauke
Webmaster / University of Salford
http://www.salford.ac.uk

> -----Original Message-----
> From: Scott Rippon [mailto:Scott.Rippon@arts.monash.edu.au]
> Sent: 22 October 2003 02:43
> To: w3c-wai-ig@w3.org
> Subject: Tables & Anchors Question
> 
> 
> Dear Friends
> 
> Does the location of an anchor within a table affect how it 
> is read by a
> screen reader?  When I code tables using Dreamweaver MX 6.1 (WYSIWYG
> workspace) the anchor is placed within the tables caption like this:
> 
> <table border="1" cellspacing="0"
>  summary="This table (table 1) contains 4 columns and 3 rows.">
>   <caption><a name="table1"></a>Table 1</caption>
>   ...
> 
> My concern is that when a user reads the page via a screen reader when
> they click a link to jump to a table the table summary will 
> be skipped. 
> How do screen readers handle this?  When adding an anchor 
> should I place
> it before the table like this?
> 
> <a name="table1"></a>
> <table border="1" cellspacing="0"
>  summary="This table (table 1) contains 4 columns and 3 rows.">
>   <caption>Table 1</caption>
>   ...
> 
> I marked up and validated the below example and found it was 
> valid HTML
> 4.01 Transitional code and also valid XHTML 1.1 code (replaced "name"
> attribute with "id").
> 
> <ul>
>   <li><a href="#table1">Table 1</a></li>
>   <li><a href="#table2">Table 2</a></li>
>   <li><a href="#table3">Table 3</a></li>
> </ul>
> <table border="1" cellspacing="0"
>  summary="This table (table 1) contains 4 columns and 3 rows.">
>   <caption><a name="table1"></a>Table 1</caption>
>   <thead>
>     <tr>
>       <th scope="col"><p>C1R1</p></th>
>       <th scope="col"><p>C2R1</p></th>
>       <th scope="col"><p>C3R1</p></th>
>     </tr>
>   </thead>
>   <tbody>
>     <tr>
>       <td><p>C1R2</p></td>
>       <td><p>C2R2</p></td>
>       <td><p>C3R2</p></td>
>     </tr>
>     <tr class="tblslat">
>       <td><p>C1R3</p></td>
>       <td><p>C2R3</p></td>
>       <td><p>C3R3</p></td>
>     </tr>
>     <tr>
>       <td><p>C1R4</p></td>
>       <td><p>C2R4</p></td>
>       <td><p>C3R4</p></td>
>     </tr>
>   </tbody>
> </table>
> <table border="1" cellspacing="0"
>  summary="This table (table 2) contains 4 columns and 3 rows.">
>   <caption><a name="table2"></a>Table 2</caption>
>   <thead>
>     <tr>
>       <th scope="col"><p>C1R1</p></th>
>       <th scope="col"><p>C2R1</p></th>
>       <th scope="col"><p>C3R1</p></th>
>     </tr>
>   </thead>
>   <tbody>
>     <tr>
>       <td><p>C1R2</p></td>
>       <td><p>C2R2</p></td>
>       <td><p>C3R2</p></td>
>     </tr>
>     <tr class="Tblslat">
>       <td><p>C1R3</p></td>
>       <td><p>C2R3</p></td>
>       <td><p>C3R3</p></td>
>     </tr>
>     <tr>
>       <td><p>C1R4</p></td>
>       <td><p>C2R4</p></td>
>       <td><p>C3R4</p></td>
>     </tr>
>   </tbody>
> </table>
> <table border="1" cellspacing="0"
>  summary="This table (table 3) contains 4 columns and 3 rows.">
>   <caption><a name="table3"></a>Table 3</caption>
>   <thead>
>     <tr>
>       <th scope="col"><p>C1R1</p></th>
>       <th scope="col"><p>C2R1</p></th>
>       <th scope="col"><p>C3R1</p></th>
>     </tr>
>   </thead>
>   <tbody>
>     <tr>
>       <td><p>C1R2</p></td>
>       <td><p>C2R2</p></td>
>       <td><p>C3R2</p></td>
>     </tr>
>     <tr class="Tblslat">
>       <td><p>C1R3</p></td>
>       <td><p>C2R3</p></td>
>       <td><p>C3R3</p></td>
>     </tr>
>     <tr>
>       <td><p>C1R4</p></td>
>       <td><p>C2R4</p></td>
>       <td><p>C3R4</p></td>
>     </tr>
>   </tbody>
> </table>
> 
> Kind regards,
> Scott Rippon.
> 
Received on Wednesday, 22 October 2003 06:40:08 GMT

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