Headers show the meaning of the information in a table’s rows and columns. People who are unable to see the table, however, cannot make the visual associations. Properly created headers will help those who use screen readers to navigate through data tables
one cell at a time, and they will hear the column and row headers spoken to them.
A well-made table includes headers so that the cells in each column and row are associated with the correct headers. Do not italicize the text in order to make a header—this is artificial and will not create a real header. The procedure below will
automatically italicize the headers.
The table will now look like this:
At this point, the table is accessible. But we can make it look better by adding the display class.
When you choose one of the styles, your table will now look like this:
Note: No matter which style you choose, the table will always appear to be full-width in the web editor. However, previewing the page will show the selected width.