HTML and CSS Reference
In-Depth Information
Figure B-7
Linearizing a table
table
linearized content
Desktop PCs
Model
Processor
Memory
DVD Burner
Modem
Network Adapter
Paragon 2.4
Intel 2.4 GHz
256MB
No
Ye s
No
Paragon 3.7
Intel 3.7GHz
512MB
Ye s
Ye s
No
Paragon 5.9
Intel 5.9GHz
1024MB
Ye s
Ye s
Ye s
One way of dealing with the challenge of linearizing is to structure your tables so that
they are easily interpreted even when linearized. However, this is not always possible,
especially for tables that have several rows and columns or may contain several levels of
nested tables. The Section 508 guidelines for table creation state that
§1194.22 (g)
Row and column headers shall be identifi ed for data tables.
and
§1194.22 (h) Markup shall be used to associate data cells and header cells for data
tables that have two or more logical levels of row or column headers.
To fulfi ll the 1194.22 (g) guideline, you should use the <th> tag for any table cell that
contains a row or column header. By default, header text appears in a bold centered
font; however, you can override this format using a style sheet. Many nonvisual brows-
ers can search for header cells. Also, as a user moves from cell to cell in a table, these
browsers can announce the row and column headers associated with each cell. In this
way, using the <th> tag can signifi cantly reduce some of the problems associated with
linearizing.
You can also use the scope attribute to explicitly associate a header with a row, col-
umn, row group, or column group. The syntax of the scope attribute is
<th scope=” type ”> … </th>
where type is either row , column , rowgroup , or colgroup . Figure B-8 shows how to
use the scope attribute to associate the headers with the rows and columns of a table.
 
Search WWH ::




Custom Search