Tables - Page 4
September 8, 2000
Ouch, there are lots of potential problems with tables. Some
screen readers read straight across the page, reading sentences from
different columns on the same row as one sentence. With
other readers the table content will be serialized. Therefore,
tables for layout purposes are best avoided. Use the style sheet
instead.
However, tables for data are much better than the PRE element,
which can be completely unreadable. As always, the more
structured the tags are, the more sense the table will make. Use
the caption and summary elements to provide orientation. Use
THEAD, TFOOT, TBODY for headers, footers and other rows,
and COLGROUP for groups of columns that belong together.
Best of all, link each element to its column header by
giving each <TH> tag an id attribute, and
quoting it in
the header attribute of each child <TD> tag.
For
example:
<TR> <TH id="col1">First Name&
<TH id="col2">Family Name</TH>
<TH id="col3">age</TH> </TR>
<TR> <TD header="col1">Elisheva</TD>
<TD header="col2">Seeman</TD>
<TD header ="col3">5</TD> </TR>
<TR> <TD header="col1">Ayelet
</TD> <TD header ="col2">Kesten</TD>
<TD header ="col3">3</TD> </TR>
This might read: " First name: Elisheva, Family name:
Seeman, age 5. First name: Ayelet, Family name: Kesten, age
3".
Of course, you could always make your own class tags. Think of
it as practice for
XML.
Links and Frames
Try to put your link on a word or phrase that explains the
link, and not on generic phrases like "click here". It
can be confusing to know which link "click here" refers
to. Group together related links and allow navigational links to
be bypassed. (That right - more tags)
Frames
Frames can confuse and disorient site visitor's navigation,
messing up the "back" functionality offered by
browsers.
To improve this situation, title frames for orientation, avoid
opening new windows, and always use an html document as the frame
source. Alternatively, you can use an embedded object instead of a
frame, or provide a text equivalent no frames version. Avoid
redirecting the visitor to a new browser window.
Images - Page 3
Designing Web Sites to be Disability Friendly
Forms, scripts and keyboard access - Page 5
|