Skip to Main Content
Universal Design for Web Applications
book

Universal Design for Web Applications

by Wendy Chisholm, Matt May
November 2008
Beginner content levelBeginner
198 pages
5h 15m
English
O'Reilly Media, Inc.
Content preview from Universal Design for Web Applications

Complex Data Tables

A complex data table has at least one heading that spans multiple rows or columns. The table shown in Figure 6-2 (which was taken from http://ks.water.usgs.gov/Kansas/pubs/fact-sheets/fs.024-00.pdf) is a complex table because it has both row and column headings and several of the row headings span multiple rows. For example, “Flash Flood” applies to four rows—map numbers 21–24.

Example of a complex table

Figure 6-2. Example of a complex table

Summary

A well-written summary can provide a verbal map that helps someone using a screen reader navigate the data more efficiently:

<table summary=" The table is divided into six columns:  Map number,
Date,  Area or stream with flooding, Reported deaths, Approximate costs
 (uninflated), and Comments.  The rows are grouped by flood types into six
 subcategories:  Regional flood, Flash flood, Ice-jam flood, Storm-surge
flood, Dam-failure flood, and Mudflow flood.  ">
 ...

The preceding code summarizes the table with the following information:

  • The number and titles of the column headings

  • The stubhead (“The rows are...”) and subheadings

  • Key information

Most screen readers will announce the number of columns and rows upon entering a table. The summary attribute allows you to provide information about how to read the table—information that could be useful to anyone not familiar with the data you are presenting.

Note

Always try to avoid using the same text in both the caption ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Designing the Obvious: A Common Sense Approach to Web and Mobile Application Design, Second Edition

Designing the Obvious: A Common Sense Approach to Web and Mobile Application Design, Second Edition

Jr. Robert Hoekman
Designing Great Web APIs

Designing Great Web APIs

James Higginbotham
Designing Evolvable Web APIs with ASP.NET

Designing Evolvable Web APIs with ASP.NET

Glenn Block, Pablo Cibraro, Pedro Felix, Howard Dierking, Darrel Miller

Publisher Resources

ISBN: 9780596155681Supplemental ContentErrata