Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions


WDVL Newsletter

Active Server Pages
JSP/Java Servlets
Microsoft SQL Server
Daily Backup
Dedicated Servers
Streaming Audio/Video
24-hour Support    

jobs.webdeveloper.com

Hiermenus


e-commerce
Partner With Us















Developer Channel
FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

internet.com
IT
Developer
Internet News
Small Business
Personal Technology

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers


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


Up to => Home / Authoring / Design / Friendly




Jupiter Online Media: internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and Jupiter Online Media

Jupitermedia Corporate Info


Legal Notices, Licensing, & Permissions, Privacy Policy.

Web Hosting | Newsletters | Tech Jobs | Shopping | E-mail Offers