A Web page author can use tables in two primary ways on the Internet. One is for the layout of structure on a Web page to place items where the author wants them to be in relation to other items on the page. These are called layout tables.
The most common type of table contains data, and is called a data table. JAWS announces when you enter and leave a table. A well-designed HTML table has several features. One of these is a caption, which is visible to a sighted user and is also read by JAWS. The caption is usually like a title, and generally appears above the table. Another design feature is the table summary. The table summary is not visible on the screen to sighted users. Web page designers can add summaries to the HTML code specifically for screen reader users. A good table summary provides a meaningful overview of the table, giving you some idea of what the table contains before you get there. Pay particular attention to the table summaries as you read through this page.
In many tables, the first row, going from left to right, contains headers for the information in the columns below it. Also, many times the first column, going up and down, contains headers for the information in the rows to the right. By default, JAWS treats the information in the first row and the first column as headers and automatically reads this information as you navigate using the JAWS table reading commands. When moving left and right in a table, you hear the item in each column at the top of the column and then the contents of the current cell. When moving up and down in a table, you hear the item at the beginning of each row and then the contents of the current cell.
There are two different document presentation modes that you can use when reading tables with JAWS: Simple Layout and Screen Layout. With Simple Layout, each cell of the table is displayed on a separate line. Screen Layout mode allows you read tables by row, just as they are presented on the screen. Each row of the table is displayed on a separate line and each cell is separated by a vertical bar. This lets you get a much better idea about how the table is structured and how different cells in a row relate to each other.
Tip: Screen Layout mode is also helpful when you want to copy an entire table row and paste it into another document as a single line. The default document presentation mode is Simple Layout. To temporarily enable Screen Layout mode, do the following:
When you begin learning to use JAWS for reading tables in the following section, experiment with Screen Layout mode and Simple Layout mode to see which you like best. If you determine that Screen Layout mode is better suited to your needs, you can do the following to permanently enable this feature in Internet Explorer:
You can use the navigation quick key T to move quickly between tables. On this page, each table also has a caption that is a level two heading, so you can move among them by pressing the letter H. If you want to list all tables on the page, press CTRL+INSERT+T. You can then select a table and press ENTER to move to it.
Once you enter a table, you can use table reading commands to move through and read the information. Most of the movement is done by holding down the CTRL and the ALT keys in combination with the ARROW KEYS to move in a given direction. You can press CTRL+ALT+NUMPAD 5 to read the information in the current cell.
The first table on this page discusses air and water temperatures for the Tampa Bay area. The Tampa Bay area enjoys an average of 361 days of sunshine a year. The Guinness Book of World records credits Saint Petersburg with the longest run of consecutive sunny days: 768. All the sunshine makes it easy to enjoy the area's beaches, which include two of the top ten rated beaches in the nation.
| Month | High Air Temperature | Low Air Temperature | Gulf Water Temperature |
|---|---|---|---|
| January | 70 degrees | 50 degrees | 64 degrees |
| February | 71 degrees | 51 degrees | 65 degrees |
| March | 77 degrees | 58 degrees | 69 degrees |
| April | 81 degrees | 61 degrees | 73 degrees |
| May | 88 degrees | 67 degrees | 79 degrees |
| June | 89 degrees | 71 degrees | 82 degrees |
| July | 90 degrees | 75 degrees | 84 degrees |
| August | 90 degrees | 75 degrees | 86 degrees |
| September | 89 degrees | 73 degrees | 82 degrees |
| October | 82 degrees | 65 degrees | 78 degrees |
| November | 78 degrees | 56 degrees | 71 degrees |
| December | 72 degrees | 50 degrees | 64 degrees |
The information above is taken from the Chamber of Commerce Web site in Saint Petersburg.
Tip: Try re-reading the previous table using Screen Layout mode instead of Simple Layout mode. If you need a reminder about how to switch document presentation modes, see the steps for switching to Screen Layout mode.
Below is an example of a table that uses the ID and AXIS attributes to make JAWS speak different information when reading different areas of the table. For example, when moving up and down the Employee Name column, you hear the department name as the row header. However, when moving up and down the Phone Extension column, you hear the employee name as the row header. The employee name is actually in column two, but the HTML code is telling JAWS to treat it as the row header in this case, rather than the text in column one.
| Department Name | Employee Name | Phone Extension |
|---|---|---|
| Shipping | John Smith | 543 |
| Receiving | Lee Johnson | 123 |
| Accounting | Sharon Jones | 222 |
This next table is much more complex, but notice how JAWS reads it. When moving up and down column two, where the company name is, the row header information is gathered from column one, the region. When moving up or down any column from three to eight, the row header information is gathered from column two, the company name. You will also hear the axis attribute spoken with the words "Region" and "Where."
| Company | Address | City | State | Phone Number | Fax | Products | |
|---|---|---|---|---|---|---|---|
| West | Screen Readers Unlimited | 52 Third Ave. | Los Angeles | CA | 555-555-1234 | 949-555-0101 | Screen Readers |
| Access Now | 115 Webb Street | Seattle | WA | 206-555-7777 | 206-555-7778 | Software; Braille Displays; Embossers; Notetakers | |
| Webb Access Group | 100 Main Street | Phoenix | AZ | 602-555-3131 | 602-555-3132 | Software; Web Accessibility Consulting | |
| Accessible World | 5 N. 7th Street | San Francisco | CA | 1-800-555-2190 | Software; Braille Displays; Embossers; Notetakers | ||
| Midwest | Special Computers, Inc. | 121 4th Street, Suite I | Chicago | IL | 800-555-1478 | 708-555-2221 | Software; Braille Displays; Embossers; Notetakers |
| IndyPendence Day Computing | 2110 Freedom Dr. | Indianapolis | IN | 1-800-555-1332 | 317-555-6261 | Software; Braille Displays; Embossers; Notetakers | |
| Touch the World, Inc. | 82 S. Broadway | Cincinnati | OH | 1-800-555-3691 | 513-555-2221 | Software; Braille Displays; Embossers; Notetakers |
In the following table, the first row actually spans the entire width of the table, across all five columns. JAWS uses the ColSpan and Scope attributes to determine how it should read the information in the table. Try reading this table now.
| Produce On Sale | ||||
|---|---|---|---|---|
| First Week | Second Week | Third Week | Fourth Week | |
| January | Apples | Pears | Oranges | Grapes |
| February | Mangos | Tangerines | Strawberries | Kiwis |
| March | Cherries | Limes | Lemons | Melons |
You can select text in an HTML table and then copy it, just as you can in any document. You can then paste that information into a text editor, such as Notepad or Microsoft Word. Using the Screen Layout document presentation mode makes this even easier. In the following exercise, you will practice copying information from a table. Before beginning the exercise, ensure that Document Presentation Mode is set to "Screen Layout."
Tip: If you need a reminder about how to switch document presentation modes, see the steps for switching to Screen Layout mode. Do the following to see how Screen Layout mode can help you copy and paste table information.
If you want to select and copy non-contiguous rows (that is, rows that are not adjacent to each other), you can use the FSClipboard feature. Do the following to use FSClipboard to copy non-contiguous rows:
|