Navigation: Data Tables

Dialog Box

Data Tables

1. This list itemizes all table elements on the page.
2. Selecting an item in the list, by clicking on the item or by using the arrow keys, populates Selected Table and Active Cell, and highlights in the broswer the first cell of the first row of the selected table.
3.   Selecting an item with cream background, by clicking on the item or by using the arrow keys, displays todo statement in the Accessibility Information area.
4. Column
   • Order (hidden) - the sequence in which the items appear on the page is displayed.
   • Title - The Extension follows the hierarchy listed below to look for content to display as the title for each identified navigation bar. The Accessibility Extension moves down the hierarchy until it finds the non-empty content.
     • the title attribute of the table element
     • the text content of caption element enclosed by the table element
     • or the message table #: (no title) is displayed.

Selected Table

• Summary - This is populated when an item from the Data Tables box is selected. The summary attribute of the table element is displayed. If a table element does not have a summary attribute, the message (none) is displayed.

Active Cell

1. As the user navigates the cells in the selected data table using Data Table Navigation Buttons, information pertaining to the cell in focus is displayed in Active Cell box.
2. Cell type
   • Header Cell if th element;
   • or Data Cell if td element is selected.
3. Headers
   1. If the selected cell is a header cell, Headers display is left blank.
   2. If the selected cell is a data cell, Headers display is populated with the information pertaining to the header cell associated with the selected data cell.
   3. Column
      • Type - The attribute of td element that identifies the source of the header cell being displayed. If multiple attributes are used at the same time, all source types for each attribute is displayed. Possible values are:
        • ID if id attribute;
        • row if row attribute;
        • and col if col attribute.
      • Text - The text content of the header cell associated with the data cell in focus is displayed.
4. Content
   • The text content of the selected td element is displayed.

Data Table Navigation Buttons

Once a table element is selected from the Data Tables list and the first cell highlighted, the following buttons are activated and can be used to nagivate to cells within the selected table. As the user navigates to different cells, the cell in focus is highlighted. The information pertaining to the cell is displayed in Active Cell. If the cell in focus is a data cell, the header cell associated with the data cell is colored green. The green shade is added each time the header cell is identified by the data cell; for example, if a data cell has all three of ID, row, and col attributes then the corresponding header cells will be shaded three times, resulting in a stronger green coloring.

• Left
• Right
• Up
• Down

Accessibility Information

•   Missing or empty summary attribute on table tag.
•   Data tables should utilize thead and/or th elements.

Buttons

• View Summary - opens a new browser window and displays the contents of the dialog box in the new browser window, allowing the user to see/print the entire data set.
• Close Window - closes the dialog box.