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:47] rachel.osolen [How to Convert a Table to Normal Text] |
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 16: | Line 14: | ||
<note important> | <note important> | ||
+ | =====Insert a Table===== | ||
+ | To create and accessible table: | ||
+ | * Go to the '' | ||
+ | * Go to '' | ||
+ | * Choose the number of boxes you want across to create columns, and then choose the number of boxes you want down to create rows for your table. | ||
+ | |||
+ | When you add a table to your document, two new tabs appear in the ribbon: | ||
+ | - Design | ||
+ | - Layout | ||
+ | |||
+ | These are the '' | ||
+ | |||
+ | < | ||
+ | |||
+ | Here is a quick demo for [[https:// | ||
+ | |||
+ | =====Create Header Row===== | ||
+ | Table cells should be marked as table headers or header rows when they serve as labels to help interpret the other cells in the table. Correctly identified headers provide metadata that the screenreader user can call up as needed as they navigate the data points. | ||
+ | |||
+ | To set the Header Row: | ||
+ | * Navigate to the '' | ||
+ | * Select '' | ||
+ | * Enter the text into the top row of the table for each column | ||
+ | * Your table now has a header row! | ||
+ | |||
+ | 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 '' | ||
+ | |||
+ | To enable '' | ||
+ | * Place the cursor in the first row of the table. | ||
+ | * Right click to open the menu and select '' | ||
+ | * This will open the '' | ||
+ | * Select the '' | ||
+ | * Uncheck '' | ||
+ | * Check '' | ||
+ | |||
+ | Here is a quick demo on [[https:// | ||
+ | |||
+ | =====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: '' | ||
+ | |||
+ | For example: '' | ||
+ | |||
+ | Remember to keep the description short and direct. A good guideline is to keep it around 140 words. | ||
+ | |||
+ | < | ||
+ | |||
+ | To add a Description and Title: | ||
+ | * Select the Table | ||
+ | * Right click to open the menu and select '' | ||
+ | * This will open the Table Properties dialog box | ||
+ | * Select the Alt-Text Tab in the Properties dialog box | ||
+ | * Enter the title into the title textbox | ||
+ | * Enter the description into the description textbox | ||
+ | * Select Ok. | ||
+ | |||
+ | Here is a quick demo on [[https:// | ||
+ | =====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: '' | ||
+ | |||
+ | To Insert a Caption: | ||
+ | * Select the entire table or right click near the edge table to open the menu | ||
+ | * Select '' | ||
+ | * In the Caption dialog box, type in a short description | ||
+ | * Remove the label (i.e. Figure, Equation, Photo) by selecting '' | ||
+ | * 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, | ||
=====How to Convert a Table to Normal Text===== | =====How to Convert a Table to Normal Text===== | ||
Line 24: | Line 95: | ||
To convert a Table to Text | To convert a Table to Text | ||
* First you highlight the table | * First you highlight the table | ||
- | * This will open the 'Table Tools' section in the ribbon menu | + | * This will open the ''Table Tools'' section in the ribbon menu |
- | * Select the ' | + | * Select the '' |
- | * On this menu select the ' | + | * On this menu select the '' |
* This will open a pop up, you then choose the paragraph break option to separate the text and hit okay. | * This will open a pop up, you then choose the paragraph break option to separate the text and hit okay. | ||