Tables without properly identified header cells can be hard to interpret and navigate for students who rely on text-to-speech or screen readerLinks to an external site. programs to convey visual information. When students using these programs come across tables that identify header cells and use the scope attribute (scope will be discussed on the next page) correctly, it is easier to track which row and column a given cell is describing.
To get this UDOIT result, you will need to have one or more tables in the course that did not have at least one row or column where the Cell Type under Cell Properties was changed to Header cell.
UDOIT identifies such tables because all of the cells of the first row or column do not have <th> tags in the HTML.
Examples
Incorrect Example
Name
Age
Major
Ricky
24
ENGR
Sue
22
BIOL
Correct Example
Name
Age
Major
Ricky
24
ENGR
Sue
22
BIOL
In this table, the names have been stylized to maintain their original appearance.
In the mobile app, the Hide and Show Code Links are obsolete. We couldn't hide them without removing them from the web browser view.
If your table is meant to create a visual layout instead of organizing and conveying data, then you should ignore this result. The Header cell Cell Type should only be put on data tables.
If you know or can find someone who knows HTML, it is strongly recommended that layout tables be replaced with divs as soon as possible. Divs can be given display attributesLinks to an external site. to achieve the same or similar yet improved layouts and won't be confused for data tables or flagged by UDOIT.
Within UDOIT, if you click the U FIX IT! button, you will be provided with a drop menu where you are supposed to select whether The first row, The first column, or Both the first row and column should be turned into header cells. Use the View the source of this issue link in the UDOIT report to better determine the appropriate choice. Once you've made your choice, click the Submit button and UDOIT will apply the changes.
While we discourage the use of complex tables which have split and merged cells, if you must use them and need to identify additional header cells, please follow the directions for using the Rich Content Editor to make those adjustments.
To fix the issue through the Rich Content Editor, start by clicking the View the source of this issue link for this error in the UDOIT report, using the Preview to identify the table that needs header cells, and then clicking the page title above this error to navigate to the page where the error resides. If you do not use the "View the source..." link in the UDOIT report, you will have to examine the cell properties of the first row and/or column of all of the tables on the page until you find the correct table.
Once on the page where the issue resides, open the page in editing mode, select the cells in the header row or column, click the Table Button in the toolbar, hover on Cell, click Cell Properties, change Cell Type from None to Header, and click OK. If the columns or rows you didn't select need to also be adjusted, repeat these steps for the remaining cells.
If you have additional styling you wish to add, you'll need some basic CSS or HTML knowledge, but you can add the appropriate code in the Styles field under the Advanced tab.
To fix the issue through the HTML Editor, start by clicking the View the source of this issue link in the UDOIT report, and copying all of the first, second, or third line of the Source text except Line [number]:[space]. Next, click the page title above this error to open the page where the issue resides, open the page in editing mode, and then click the HTML Editor link in the upper right. Afterward, use Ctrl/⌘ + F to open the web browser's Find tool, paste the text you copied into the Find tool, and locate the table. Once found, replace the td of the first column and or row (or multiple columns and rows if the table is complex) with th then save the page.