Table Test Page

Over the years, there has been considerable discussion about what is the most accessible way to present tabular information in data tables.

Roger Hudson and Russ Weakley have been studying how people who rely on screen readers use a range of data tables. These observations confirm the need to make data tables as simple as possible.

It is relatively easy to make an accessible data table with one level of row and column headers, however it is not always possible to have just one level of headings. Some data tables, for example scientific tables or those of financial institutions, require more than one level of row and column heading. It is much harder to make a table with multiple levels of row and/or column headings accessible.

We have prepared this page to test different ways of enhancing the accessibility of data tables. We are seeking feedback from website users and developers, particularly those who use assistive technologies.

Please send us your opinions on the accessibility of the different data tables and any suggestions how they might be improved. And, please don’t be distracted by the simplified nature of the content or the number of heading levels used in the complex tables.

Table 1: Lemons and pears – Simple table without scope or headers

Prices for lemons and pears in Sydney
Lemons Pears
Wholesale $1.00 $1.50
Retail $2.00 $2.50

Table 2: Oranges and Apples – complex table using id and headers

This table provides information about the wholesale and retail price of both imported and domestic oranges and apples in Sydney and Melbourne. There are two levels of row and column headers.

Imported and domestic orange and apple prices in Sydney and Melbourne
Imported Domestic
Oranges Apples Oranges Apples
Sydney
Wholesale $1.00 $1.25 $1.20 $1.00
Retail $2.00 $3.00 $1.80 $1.60
Melbourne
Wholesale $1.20 $1.30 $1.00 $0.80
Retail $1.60 $2.00 $2.00 $1.50

Table 3: Nuts and Bolts – complex table using scope, colgroup and rowgroup.

This table provides information about the wholesale and retail prices for two sizes of brass and steel nuts and bolts. There are two levels of row and column headers.

Prices of Brass and Steel nuts and bolts
Brass Steel
Bolts Nuts Bolts Nuts
10cm
Wholesale $1.00 $1.25 $1.20 $1.00
Retail $2.00 $3.00 $1.80 $1.60
20cm
Wholesale $1.20 $1.30 $1.00 $0.80
Retail $1.60 $2.00 $2.00 $1.50

Table 4: Cherries and apricots – very complex table using id and headers.

This table provides information about the wholesale and retail price of both imported and domestic cherries and apricots in Sydney and Melbourne. The cherries are presented in two different grades. There are three levels column headers and two levels of row headers.

Imported and domestic cherry and apricot prices in Perth and Adelaide
Imported Domestic
Apricots Cherries Apricots Cherries
A Grade B Grade A Grade B Grade
Perth
Wholesale $1.00 $9.00 $6.00 $1.20 $13.00 $9.00
Retail $2.00 $12.00 $8.00 $1.80 $16.00 $12.50
Adelaide
Wholesale $1.20 N/A $7.00 $1.00 $11.00 $6.00
Retail $1.60 N/A $11.00 $2.00 $13.00 $10.00

2 comments;

  1. Very nice tables. I prefer id and headers, yours work nicely.

    I have a question about the empty column of cells.

    I have a 7 column table (headers) and 10 rows (headers). But the cells are all empty as this is a sample table just to show.

    Would it be best to use scope row and scope col? Or should I code the entire table with id and headers, empty cells as well?

    Thanks

    Murray

    PS: I do WCAG testing for the fed gov, in Canada.

Leave a Reply

Your email address will not be published. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>