{"id":388,"date":"2016-10-12T15:13:12","date_gmt":"2016-10-12T15:13:12","guid":{"rendered":"http:\/\/pressbooks.library.ryerson.ca\/authorsguide\/?post_type=chapter&#038;p=388"},"modified":"2016-12-14T16:22:45","modified_gmt":"2016-12-14T16:22:45","slug":"tables","status":"publish","type":"chapter","link":"https:\/\/pressbooks.library.torontomu.ca\/authorsguide\/chapter\/tables\/","title":{"raw":"Tables","rendered":"Tables"},"content":{"raw":"<span style=\"color: #000000\">In this section, we provide guidelines and recommendations for formatting tables.\r\n<\/span>\r\n<h2>What Are Tables?<\/h2>\r\n<strong>Tables<\/strong>: In this context,\u00a0we are referring to<strong> data tables, <\/strong>which are tables that include row and\/or column header information to categorize content)\r\n\r\n<strong>File types<\/strong>: .doc, .html, .pdf\r\n<h2>Before You Begin<\/h2>\r\n<h3>Are Your Tables Simple or Complex?<\/h3>\r\n<span style=\"color: #000000\">A <a title=\"Simple tables\" href=\"#simple\">simple table<\/a> includes a maximum of one header column and\/or one header row. A\u00a0complex table includes more than one header column and\/or header row, and may include\u00a0merged or split cells.[footnote]AccessAbility: Accessibility and Usability at Penn State. Table Headers and Captions. Accessed from: http:\/\/accessibility.psu.edu\/tables[\/footnote] <\/span>\r\n\r\n<span style=\"color: #000000\">We recommend you make every effort to keep\u00a0data tables as simple in structure as possible. The more complex the design of a data table, the less accessible it will be for students using screen-reading technology to access their textbook materials. <span>Screen readers move left-to-right, top-to-bottom, one cell at a time, and because a screen reader does not repeat a cell, merging or splitting cells\u00a0may affect the reading order of a table.<\/span><\/span>\r\n<h3>Who Are You Doing This For?<\/h3>\r\n<span>This work supports students who:<\/span>\r\n<ul>\r\n \t<li>Are blind or have low vision<\/li>\r\n \t<li>Have a form of\u00a0cognitive disability<\/li>\r\n<\/ul>\r\n<h2>What Do You Need To Do?<\/h2>\r\nIn the same way that your <a title=\"see Organizing Content section of this toolkit\" href=\"http:\/\/pressbooks.library.ryerson.ca\/authorsguide\/chapter\/organizing-content\/\">content needs true headings to create a logical hierarchy<\/a>, tables need a properly defined structure to be accessible. This means that you must add row and column headers to define the different sections of data. Screen readers read tables horizontally \u2013 cell by cell, row by row \u2013 and row and column headers help give context to the data in each cell to students who are blind, have low vision, or have a cognitive disability.\r\n<h3><a id=\"simple\"><\/a>Creating Simple Tables<\/h3>\r\nA simple table includes:\r\n<ol>\r\n \t<li>A table title or caption<\/li>\r\n \t<li>Maximum of one row of column headers and\/or maximum of one column of row headers<\/li>\r\n \t<li>No merged or split cells<\/li>\r\n \t<li>Adequate cell padding for visual learners.<\/li>\r\n<\/ol>\r\n<strong>Example<\/strong>:\r\n\r\nThe table below is a simple table. Reviewed against the preceding requirements list, this table:\r\n<ol>\r\n \t<li>Includes\u00a0a\u00a0<strong>title <\/strong>(Spring Blossoms)<\/li>\r\n \t<li>Has one row\u00a0in which cells are\u00a0tagged as <strong>column headers <\/strong>(Colour Family, Bulbs, Shrubs, Trees), and one column (beginning on the second row) in which the cells are tagged as <strong>row headers <\/strong>(Pink, Yellow)<\/li>\r\n \t<li>Contains no merged or split cells<\/li>\r\n \t<li>Has adequate <strong>cell padding<\/strong>\u00a0to provide space buffering around the data in each cell. (Cell padding in this table is set at \"10\").<\/li>\r\n<\/ol>\r\n<table class=\" undefined\" style=\"border-color: #000000;width: 500px;border-spacing: 0px\" border=\"1\" cellpadding=\"10\"><caption>Spring Blossoms<\/caption>\r\n<thead>\r\n<tr>\r\n<th scope=\"col\">Colour Family<\/th>\r\n<th scope=\"col\">Bulbs<\/th>\r\n<th scope=\"col\">Shrubs<\/th>\r\n<th scope=\"col\">Trees<\/th>\r\n<\/tr>\r\n<\/thead>\r\n<tbody>\r\n<tr>\r\n<th scope=\"row\">Pink<\/th>\r\n<td>Tulips<\/td>\r\n<td>Flowering currant<\/td>\r\n<td>Ornamental plum<\/td>\r\n<\/tr>\r\n<tr>\r\n<th scope=\"row\">Yellow<\/th>\r\n<td>\u00a0Daffodils<\/td>\r\n<td>Forsythia<\/td>\r\n<td>Star magnolia<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\nFor a student accessing the table through a screen reader, the first row of data will be presented along the lines of:\r\n<ul>\r\n \t<li>Pink, Bulbs: Tulips<\/li>\r\n \t<li>Pink, Shrubs: Flowering currant<\/li>\r\n \t<li>Pink, Trees: Ornamental plum<\/li>\r\n<\/ul>\r\n<a href=\"https:\/\/guide.pressbooks.com\/chapter\/special-formatting\/\">Create simple tables in Pressbooks using the Table Creator tool in the visual editor<\/a>.\r\n\r\nDefine header cells for rows and columns by selecting the Table icon in the visual editor, then selecting Cell and then Table Cell Properties from the drop down menu. The Cell Type can then be set as \"Header Cell.\"\r\n\r\n[caption id=\"attachment_723\" align=\"aligncenter\" width=\"401\"]<img src=\"http:\/\/pressbooks.library.ryerson.ca\/authorsguide\/wp-content\/uploads\/sites\/2\/2016\/10\/Screen-Shot-2016-12-14-at-11.17.56-AM.png\" alt=\"Table Cell Properties dialogue box showing how to set Cell Type as a Header Cell\" width=\"401\" height=\"235\" class=\"size-full wp-image-723\" \/> Table Cell Properties dialogue box[\/caption]","rendered":"<p><span style=\"color: #000000\">In this section, we provide guidelines and recommendations for formatting tables.<br \/>\n<\/span><\/p>\n<h2>What Are Tables?<\/h2>\n<p><strong>Tables<\/strong>: In this context,\u00a0we are referring to<strong> data tables, <\/strong>which are tables that include row and\/or column header information to categorize content)<\/p>\n<p><strong>File types<\/strong>: .doc, .html, .pdf<\/p>\n<h2>Before You Begin<\/h2>\n<h3>Are Your Tables Simple or Complex?<\/h3>\n<p><span style=\"color: #000000\">A <a title=\"Simple tables\" href=\"#simple\">simple table<\/a> includes a maximum of one header column and\/or one header row. A\u00a0complex table includes more than one header column and\/or header row, and may include\u00a0merged or split cells.<a class=\"footnote\" title=\"AccessAbility: Accessibility and Usability at Penn State. Table Headers and Captions. Accessed from: http:\/\/accessibility.psu.edu\/tables\" id=\"return-footnote-388-1\" href=\"#footnote-388-1\" aria-label=\"Footnote 1\"><sup class=\"footnote\">[1]<\/sup><\/a> <\/span><\/p>\n<p><span style=\"color: #000000\">We recommend you make every effort to keep\u00a0data tables as simple in structure as possible. The more complex the design of a data table, the less accessible it will be for students using screen-reading technology to access their textbook materials. <span>Screen readers move left-to-right, top-to-bottom, one cell at a time, and because a screen reader does not repeat a cell, merging or splitting cells\u00a0may affect the reading order of a table.<\/span><\/span><\/p>\n<h3>Who Are You Doing This For?<\/h3>\n<p><span>This work supports students who:<\/span><\/p>\n<ul>\n<li>Are blind or have low vision<\/li>\n<li>Have a form of\u00a0cognitive disability<\/li>\n<\/ul>\n<h2>What Do You Need To Do?<\/h2>\n<p>In the same way that your <a title=\"see Organizing Content section of this toolkit\" href=\"http:\/\/pressbooks.library.ryerson.ca\/authorsguide\/chapter\/organizing-content\/\">content needs true headings to create a logical hierarchy<\/a>, tables need a properly defined structure to be accessible. This means that you must add row and column headers to define the different sections of data. Screen readers read tables horizontally \u2013 cell by cell, row by row \u2013 and row and column headers help give context to the data in each cell to students who are blind, have low vision, or have a cognitive disability.<\/p>\n<h3><a id=\"simple\"><\/a>Creating Simple Tables<\/h3>\n<p>A simple table includes:<\/p>\n<ol>\n<li>A table title or caption<\/li>\n<li>Maximum of one row of column headers and\/or maximum of one column of row headers<\/li>\n<li>No merged or split cells<\/li>\n<li>Adequate cell padding for visual learners.<\/li>\n<\/ol>\n<p><strong>Example<\/strong>:<\/p>\n<p>The table below is a simple table. Reviewed against the preceding requirements list, this table:<\/p>\n<ol>\n<li>Includes\u00a0a\u00a0<strong>title <\/strong>(Spring Blossoms)<\/li>\n<li>Has one row\u00a0in which cells are\u00a0tagged as <strong>column headers <\/strong>(Colour Family, Bulbs, Shrubs, Trees), and one column (beginning on the second row) in which the cells are tagged as <strong>row headers <\/strong>(Pink, Yellow)<\/li>\n<li>Contains no merged or split cells<\/li>\n<li>Has adequate <strong>cell padding<\/strong>\u00a0to provide space buffering around the data in each cell. (Cell padding in this table is set at &#8220;10&#8221;).<\/li>\n<\/ol>\n<table class=\"undefined\" style=\"border-color: #000000;width: 500px;border-spacing: 0px\" cellpadding=\"10\">\n<caption>Spring Blossoms<\/caption>\n<thead>\n<tr>\n<th scope=\"col\">Colour Family<\/th>\n<th scope=\"col\">Bulbs<\/th>\n<th scope=\"col\">Shrubs<\/th>\n<th scope=\"col\">Trees<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<th scope=\"row\">Pink<\/th>\n<td>Tulips<\/td>\n<td>Flowering currant<\/td>\n<td>Ornamental plum<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Yellow<\/th>\n<td>\u00a0Daffodils<\/td>\n<td>Forsythia<\/td>\n<td>Star magnolia<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>For a student accessing the table through a screen reader, the first row of data will be presented along the lines of:<\/p>\n<ul>\n<li>Pink, Bulbs: Tulips<\/li>\n<li>Pink, Shrubs: Flowering currant<\/li>\n<li>Pink, Trees: Ornamental plum<\/li>\n<\/ul>\n<p><a href=\"https:\/\/guide.pressbooks.com\/chapter\/special-formatting\/\">Create simple tables in Pressbooks using the Table Creator tool in the visual editor<\/a>.<\/p>\n<p>Define header cells for rows and columns by selecting the Table icon in the visual editor, then selecting Cell and then Table Cell Properties from the drop down menu. The Cell Type can then be set as &#8220;Header Cell.&#8221;<\/p>\n<figure id=\"attachment_723\" aria-describedby=\"caption-attachment-723\" style=\"width: 401px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/authorsguide\/wp-content\/uploads\/sites\/2\/2016\/10\/Screen-Shot-2016-12-14-at-11.17.56-AM.png\" alt=\"Table Cell Properties dialogue box showing how to set Cell Type as a Header Cell\" width=\"401\" height=\"235\" class=\"size-full wp-image-723\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/authorsguide\/wp-content\/uploads\/sites\/2\/2016\/10\/Screen-Shot-2016-12-14-at-11.17.56-AM.png 401w, https:\/\/pressbooks.library.torontomu.ca\/authorsguide\/wp-content\/uploads\/sites\/2\/2016\/10\/Screen-Shot-2016-12-14-at-11.17.56-AM-300x176.png 300w, https:\/\/pressbooks.library.torontomu.ca\/authorsguide\/wp-content\/uploads\/sites\/2\/2016\/10\/Screen-Shot-2016-12-14-at-11.17.56-AM-65x38.png 65w, https:\/\/pressbooks.library.torontomu.ca\/authorsguide\/wp-content\/uploads\/sites\/2\/2016\/10\/Screen-Shot-2016-12-14-at-11.17.56-AM-225x132.png 225w, https:\/\/pressbooks.library.torontomu.ca\/authorsguide\/wp-content\/uploads\/sites\/2\/2016\/10\/Screen-Shot-2016-12-14-at-11.17.56-AM-350x205.png 350w\" sizes=\"auto, (max-width: 401px) 100vw, 401px\" \/><figcaption id=\"caption-attachment-723\" class=\"wp-caption-text\">Table Cell Properties dialogue box<\/figcaption><\/figure>\n<hr class=\"before-footnotes clear\" \/><div class=\"footnotes\"><ol><li id=\"footnote-388-1\">AccessAbility: Accessibility and Usability at Penn State. Table Headers and Captions. Accessed from: http:\/\/accessibility.psu.edu\/tables <a href=\"#return-footnote-388-1\" class=\"return-footnote\" aria-label=\"Return to footnote 1\">&crarr;<\/a><\/li><\/ol><\/div>","protected":false},"author":2,"menu_order":4,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-388","chapter","type-chapter","status-publish","hentry"],"part":105,"_links":{"self":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/authorsguide\/wp-json\/pressbooks\/v2\/chapters\/388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/authorsguide\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/authorsguide\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/authorsguide\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":8,"href":"https:\/\/pressbooks.library.torontomu.ca\/authorsguide\/wp-json\/pressbooks\/v2\/chapters\/388\/revisions"}],"predecessor-version":[{"id":725,"href":"https:\/\/pressbooks.library.torontomu.ca\/authorsguide\/wp-json\/pressbooks\/v2\/chapters\/388\/revisions\/725"}],"part":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/authorsguide\/wp-json\/pressbooks\/v2\/parts\/105"}],"metadata":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/authorsguide\/wp-json\/pressbooks\/v2\/chapters\/388\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/authorsguide\/wp-json\/wp\/v2\/media?parent=388"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/authorsguide\/wp-json\/pressbooks\/v2\/chapter-type?post=388"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/authorsguide\/wp-json\/wp\/v2\/contributor?post=388"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/authorsguide\/wp-json\/wp\/v2\/license?post=388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}