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:44] rachel.osolen [Tables] |
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 | ||
- | =====Further Help===== | + | These are the '' |
- | [[https:// | + | |
- | =====Other tips===== | + | < |
- | **Formatting Tip** | + | Here is a quick demo for [[https://screenpal.com/watch/c0itr5VkZoe|How to Insert a Table in MS Word]] |
- | * Use Word tools to create desired format, i.e. borders, line spacing, and other cell styles. | + | |
- | * You can add more spacing by going to Table properties > Table > Options > Set the Top, Bottom, Left and Right margins to add more spaces around the text | + | |
- | * If you have multiple tables, you can create | + | |
- | * [[http://www.karlencommunications.com/adobe/TablesAndColumnsOptimizeWordDocuments.pdf|Handout on creating accessible tables | + | |
- | **How to Convert | + | =====Create Header Row===== |
- | * Sometimes | + | 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. |
- | * First you highlight the table | + | |
- | * This will create | + | To set the Header Row: |
- | | + | |
- | | + | |
- | | + | * 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: | ||
+ | | ||
+ | | ||
+ | * 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===== | ||
+ | If a table is used as layout, you will have to remove the table. One way to do this is to convert a table to normal text. | ||
+ | |||
+ | To convert a Table to Text | ||
+ | | ||
+ | * This will open the ''Table Tools'' section in the ribbon 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. | ||
<note tip>If you have any questions, check the archive below, if still not clear, post your question on the [[public: | <note tip>If you have any questions, check the archive below, if still not clear, post your question on the [[public: | ||
</ | </ | ||
+ | |||
+ | =====Further Help===== | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
---- | ---- |