Creating a Table in Evolution

A fully accessible table has headers in scope-specified  <th> tags, a caption, and a summary. It does not have merged cells or empty cells.

Let's say you want to make the following table (Table 3).

The correct code will be created for you if you follow these instructions: 

1. Use the Table button in the Simple Editor (Figure 1).
    

   

    
2. In the dialog box that appears, enter your table information. Figure 2 shows the entries that will create your table: four rows, three columns, first-row headers, a caption, and a summary.
   
   Note: The Width field defaults to 100%. 

   

    
3. Figure 3 shows header options. Because all tables need headers, you should never leave None selected. Remember, choose First Row to turn the first row into headers for the columns, First column to turn the first column into headers for the rows, or Both to do both.

   

    
4. Add your caption (the title of the table), which appears at the top of the table by default.
   
   You may optionally use one of the following caption style options by adding the code in Source view after creating the table:
    
   • Hide the caption: apply the Screenreader-Only style in the Styles drop-down menu, or use <caption class="offScreen">Table Title</caption>.
   • Align caption on the bottom: Use <caption align="bottom">Table Title</caption>.
   • Make caption more prominent: Use <caption class="prominent">Table Title</caption>.
5. Once you have finished filling out the table properties, click OK. A blank table will be inserted into your page.
    
6. Fill in the data.
    
7. Once the table is complete, you can select it and choose a table style from the Styles drop-down menu (Figure 4). This is recommended because it will make the table easier to read.