Web Accessibility: Priority 2

Use style sheets for layout and positioning. When layout tables are unavoidable, ensure tables make sense when linearized. Cells should make sense when read in order and should include structural elements (that create paragraphs, headers, lists, etc.) so the page makes sense after linearization.

For example:

Welcome To Career Corner
Navigation Link 1 Navigation Link 2 Navigation Link 3 Navigation Link 4	Main content area filling the center part of the window.

This simple table produces the following text when unstacked or linearized:

Welcome to Career Corner!
Navigation link 1
Navigation link 2
Navigation link 3
Navigation link 4
Main content area filling the center part of the window.

The code looks like this:


            <TABLE border="1" cellpadding="1%" cellspacing="0" WIDTH="85%" Summary="Services offered by the Career Center.">


            <TR>



               
               <TH colspan="2" scope="colgroup">Welcome To Career Corner</TH>

            
            </TR>

            



            <TR>

               
               <TD>

                  
                  Navigation Link 1<BR>

                  Navigation Link 2<BR>

                  Navigation Link 3<BR>

                  Navigation Link 4<BR>
                  

               
               </TD>

               



               <TD>
                  
                  Main content area filling the center part of the window.
                  

               
               </TD>

            
            </TR>

            </TABLE>

Web Accessibility: Tables

Avoid Using Tables for Layout