Mark-up example for Checkpoint 5.2:
an accessible TABLE


This code shows one way this table might be marked up to allow the greatest access:

<TABLE BORDER="1" CELLPADDING=2 CELLSPACING=3>
<CAPTION>TRAVEL EXPENSES (actual cost, US$)</CAPTION>

<THEAD>
<TR>
<TH><P><SPAN ID="t1-r1-l1">TRIP</SPAN>,<BR>
<SPAN ID="t1-r1-l2"> date</SPAN></P></TH>
<TH SCOPE="column">Meals</TH>
<TH SCOPE="column">Room</TH>
<TH SCOPE="column"><ABBR="Transportation">Trans.</ABBR></TH>
<TH SCOPE="column">Total</TH>
</TR>
</THEAD>

<TBODY>
<TR>
<TH SCOPE="rowgroup" HEADERS="t1-r1-l1">San Jose</TH>
</TR>

<TR>
<TD SCOPE="row" HEADERS="t1-r1-l2"> 25 Aug 97</TD>
<TD>37.74</TD>
<TD>112.00</TD>
<TD>45.00</TD>
</TR>

<TR>
<TD SCOPE="row" HEADERS="t1-r1-l2"> 26 Aug 97</TD>
<TD>27.28</TD>
<TD>112.00</TD>
<TD>45.00</TD>
</TR>

<TR>
<TD SCOPE="row">Subtotal</TD>
<TD>65.02</TD>
<TD>224.00</TD>
<TD>90.00</TD>
<TD>379.02</TD>
</TR>
</TBODY>

<TBODY>
<TR>
<TH SCOPE="rowgroup" HEADERS="t1-r1-l1">Seattle</TH>
</TR>

<TR>
<TD SCOPE="row" HEADERS="t1-r1-l2"> 27 Aug 97</TD>
<TD>96.25</TD>
<TD>109.00</TD>
<TD>36.00</TD>
</TR>

<TR>
<TD SCOPE="row" HEADERS="t1-r1-l2"> 28 Aug 97</TD>
<TD>35.00</TD>
<TD>109.00</TD>
<TD>36.00</TD>
</TR>

<TR>
<TD SCOPE="row">Subtotal</TD>
<TD>131.25</TD>
<TD>218.00</TD>
<TD>72.00</TD>
<TD>421.25</TD>
</TR>
</TBODY>

<TBODY>
<TR>
<TH SCOPE="row">Totals</TH>
<TD>196.27</TD>
<TD>442.00</TD>
<TD>162.00</TD>
<TD>800.27</TD>
</TR>
</TBODY>
</TABLE>


Return to Example for Checkpoint 5.2
Copyright © 2000 W3C