This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
public:nnels:etext:tables [2023/07/27 08:55] rachel.osolen |
public:nnels:etext:tables [2023/07/27 15:57] (current) rachel.osolen [Insert Caption (if present)] |
||
---|---|---|---|
Line 8: | Line 8: | ||
Tables have a logical reading order from left to right and top to bottom. A well structured table will allow screenreader users to easily navigate and examine data. There are specific keyboard controls for reading tables that differ to the controls for reading regular text. When non-tabular text is rendered with tables, the reading controls are incorrect. This can make it confusing and difficult to read the document with a screenreader. | Tables have a logical reading order from left to right and top to bottom. A well structured table will allow screenreader users to easily navigate and examine data. There are specific keyboard controls for reading tables that differ to the controls for reading regular text. When non-tabular text is rendered with tables, the reading controls are incorrect. This can make it confusing and difficult to read the document with a screenreader. | ||
- | < | + | < |
- | + | ||
- | < | + | |
< | < | ||
Line 29: | Line 27: | ||
< | < | ||
+ | |||
+ | Here is a quick demo for [[https:// | ||
=====Create Header Row===== | =====Create Header Row===== | ||
Line 34: | Line 34: | ||
To set the Header Row: | To set the Header Row: | ||
- | * Navigate to the '' | + | * Navigate to the '' |
* Select '' | * Select '' | ||
* Enter the text into the top row of the table for each column | * Enter the text into the top row of the table for each column | ||
Line 41: | Line 41: | ||
Having a Header Row will make it easier to understand the information that the table contains. Some screen readers can be set up to read column names at any time, which can help when working with a large table. | Having a Header Row will make it easier to understand the information that the table contains. Some screen readers can be set up to read column names at any time, which can help when working with a large table. | ||
- | Next, ensure '' | + | Next, ensure '' |
- | To enable '' | + | |
- | Place the cursor in the first row of the table. | + | To enable '' |
+ | * Place the cursor in the first row of the table. | ||
* Right click to open the menu and select '' | * Right click to open the menu and select '' | ||
- | * This will open the Table Properties dialog box | + | * This will open the '' |
- | * Select the Row Tab in the Properties dialog box | + | * Select the '' |
* Uncheck '' | * Uncheck '' | ||
* Check '' | * Check '' | ||
+ | |||
+ | Here is a quick demo on [[https:// | ||
=====Create Table Description and Title===== | =====Create Table Description and Title===== | ||
- | The last step is to enter a description and a title for the table. These should always be included to give context to a table. Descriptions should answer the question: '' | + | The last step is to enter a description and a title for the table. These should always be included to give context to a table. Descriptions should answer the question: '' |
+ | |||
+ | For example: '' | ||
Remember to keep the description short and direct. A good guideline is to keep it around 140 words. | Remember to keep the description short and direct. A good guideline is to keep it around 140 words. | ||
Line 68: | Line 72: | ||
* Select Ok. | * Select Ok. | ||
+ | Here is a quick demo on [[https:// | ||
=====Insert Caption (if present)===== | =====Insert Caption (if present)===== | ||
- | Captions are provided by the publisher, and are treated the same way as we would a caption for an image with one small difference: | + | Captions are provided by the publisher, and are treated the same way as we would a caption for an image with one small difference: |
To Insert a Caption: | To Insert a Caption: | ||
Line 76: | Line 81: | ||
* Select '' | * Select '' | ||
* In the Caption dialog box, type in a short description | * In the Caption dialog box, type in a short description | ||
- | * Remove the label (i.e. Figure, Equation, Photo) by selecting Exclude Label from Caption | + | * Remove the label (i.e. Figure, Equation, Photo) by selecting |
* Type or copy and paste the book's caption in the caption field | * Type or copy and paste the book's caption in the caption field | ||
- | < | + | < |
+ | |||
+ | Here is a quick demo on [[https:// | ||
Congratulations! You now have an accessible table! Remember, for even more accessibility, | Congratulations! You now have an accessible table! Remember, for even more accessibility, |