{"id":2706,"date":"2023-02-13T19:26:56","date_gmt":"2023-02-14T00:26:56","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/?post_type=chapter&#038;p=2706"},"modified":"2025-12-05T16:01:36","modified_gmt":"2025-12-05T21:01:36","slug":"brightspace-accessibility-2","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/brightspace-accessibility-2\/","title":{"raw":"Structure","rendered":"Structure"},"content":{"raw":"<strong>On this page:<\/strong>\r\n<ul class=\"navbar\">\r\n \t<li style=\"list-style-type: none\">\r\n<ul class=\"navbar\">\r\n \t<li class=\"navitem\"><a href=\"#headings\">Headings<\/a><\/li>\r\n \t<li class=\"navitem\"><a href=\"#lists\">Lists<\/a><\/li>\r\n \t<li class=\"navitem\"><a href=\"#tables\">Tables<\/a><\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n<h2><a id=\"headings\"><\/a>Headings<\/h2>\r\n<a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/structure\/#headings\">Headings create structure<\/a> to help users understand connections and topics. The Brightspace Editor offers tools to build proper heading hierarchies. Highlight text and choose the appropriate heading level.\r\n\r\n<img class=\"alignnone wp-image-1211 size-full\" style=\"border: 2px solid #555;margin-bottom: 1em\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_vBeTphiVYn.png\" alt=\"Brightspace editor text format menu\" width=\"326\" height=\"345\" \/>\r\nConsider Heading 1 as the title, Heading 2 as section headings, Heading 3 as sub-section headings, etc. As the heading level increases, the focus of content narrows.\r\n\r\nHeadings must be in sequential order. Do not skip a heading level when <strong>increasing<\/strong>, e.g., do not go from a heading 2 to a heading 4. Heading levels can be skipped when <strong>decreasing<\/strong>, for example when a subsection of a heading level 4 concludes, you can skip back to a heading level 2 to introduce a new section. Any type of content can follow any heading level.\r\n\r\nIf the heading levels are not in order, the Accessibility Checker will report <strong>Heading order must be sequential<\/strong>.\r\n<h2><a id=\"lists\"><\/a>Lists<code><\/code><\/h2>\r\n<ul>\r\n \t<li>Use bullet lists for unorganized lists.<\/li>\r\n \t<li>Lists where the sequence is not important.<\/li>\r\n<\/ul>\r\n<ol>\r\n \t<li>Use numbered lists for items where sequence is important.<\/li>\r\n \t<li>Such as steps in a process.<\/li>\r\n<\/ol>\r\nReview <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/structure\/#lists\">list best practices<\/a>.\r\n\r\nTo make a properly formatted list in Brightspace:\r\n<div class=\"lsscPageEmployeePreview\">\r\n<div id=\"employeePreview\">\r\n<div id=\"employeePreviewStep1\" style=\"left: 4%;top: 15%\"><span class=\"stepNumber\">1<\/span>Highlight text to add to list<\/div>\r\n<div id=\"employeePreviewStep2\" style=\"left: 57%;top: 2.5%\"><span class=\"stepNumber\">2<\/span>Open the <strong>List menu<\/strong><\/div>\r\n<div id=\"employeePreviewStep3\" style=\"left: 35%;top: 78%\"><span class=\"stepNumber\">3<\/span>Select <strong>Bulleted List<\/strong> or <strong>Numbered List<\/strong><\/div>\r\n<img class=\"alignnone wp-image-1214 size-full\" style=\"border: 2px solid #555\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_xzARXDVZnZ.png\" \/>\r\n\r\n<\/div>\r\n<\/div>\r\nDo not manually insert symbols or use the <strong>Tab<\/strong> key to create indents. The <strong>Accessibility Checker<\/strong> may note improperly formatted lists\r\n\r\n<img class=\"alignnone size-full wp-image-9178\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Lists.png\" alt=\"\" width=\"3054\" height=\"773\" \/>\r\n<h2><a id=\"tables\"><\/a>Tables<\/h2>\r\n<a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/structure\/#tables\">Properly formatted tables<\/a> are accessible to text-to-speech and screen reader software.\r\n\r\nUse the built-in tool to create a table.\r\n\r\n<img class=\"alignnone wp-image-1216 size-full\" style=\"border: 2px solid #555;margin-bottom: 1em\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_B7xHaG7hyD.png\" alt=\"Brightspace insert table menu open\" width=\"942\" height=\"410\" \/>\r\nHere are some common errors the Accessibility checker will flag in table formatting:\r\n<ol>\r\n \t<li><strong>Tables must have captions.<\/strong>\r\nHow to fix: set a brief descriptive text to indicate the content of the table. The simplest way is via the Accessibility checker tool which will prompt for a caption. This will add &lt;caption&gt; to within the &lt;table&gt; element.<\/li>\r\n \t<li><strong>Tables must have at least one header.<\/strong>\r\nHow to fix: the simplest way is via the Accessibility checker tool which will prompt you to choose table header to \u201cHeader Row\u201d or \u201cHeader Column\u201d, which will change the selected data cells &lt;td&gt; to header cells &lt;th&gt;.<\/li>\r\n \t<li><strong>Table headers must be associated with cells.<\/strong>\r\nHow to fix: Set header scope to \u201cRow\u201d or \u201cColumn\u201d for simple table header, which will add scope attribute (&lt;th scope=\u201drow\u201d&gt; or &lt;th scope=\u201dcol\u201d) to associate header cells and data cells.<\/li>\r\n<\/ol>\r\nThe Brightspace accessibility checker will flag table errors and provides detailed instructions to make tables accessible.","rendered":"<p><strong>On this page:<\/strong><\/p>\n<ul class=\"navbar\">\n<li style=\"list-style-type: none\">\n<ul class=\"navbar\">\n<li class=\"navitem\"><a href=\"#headings\">Headings<\/a><\/li>\n<li class=\"navitem\"><a href=\"#lists\">Lists<\/a><\/li>\n<li class=\"navitem\"><a href=\"#tables\">Tables<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2><a id=\"headings\"><\/a>Headings<\/h2>\n<p><a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/structure\/#headings\">Headings create structure<\/a> to help users understand connections and topics. The Brightspace Editor offers tools to build proper heading hierarchies. Highlight text and choose the appropriate heading level.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1211 size-full\" style=\"border: 2px solid #555;margin-bottom: 1em\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_vBeTphiVYn.png\" alt=\"Brightspace editor text format menu\" width=\"326\" height=\"345\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_vBeTphiVYn.png 326w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_vBeTphiVYn-283x300.png 283w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_vBeTphiVYn-65x69.png 65w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_vBeTphiVYn-225x238.png 225w\" sizes=\"auto, (max-width: 326px) 100vw, 326px\" \/><br \/>\nConsider Heading 1 as the title, Heading 2 as section headings, Heading 3 as sub-section headings, etc. As the heading level increases, the focus of content narrows.<\/p>\n<p>Headings must be in sequential order. Do not skip a heading level when <strong>increasing<\/strong>, e.g., do not go from a heading 2 to a heading 4. Heading levels can be skipped when <strong>decreasing<\/strong>, for example when a subsection of a heading level 4 concludes, you can skip back to a heading level 2 to introduce a new section. Any type of content can follow any heading level.<\/p>\n<p>If the heading levels are not in order, the Accessibility Checker will report <strong>Heading order must be sequential<\/strong>.<\/p>\n<h2><a id=\"lists\"><\/a>Lists<code><\/code><\/h2>\n<ul>\n<li>Use bullet lists for unorganized lists.<\/li>\n<li>Lists where the sequence is not important.<\/li>\n<\/ul>\n<ol>\n<li>Use numbered lists for items where sequence is important.<\/li>\n<li>Such as steps in a process.<\/li>\n<\/ol>\n<p>Review <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/structure\/#lists\">list best practices<\/a>.<\/p>\n<p>To make a properly formatted list in Brightspace:<\/p>\n<div class=\"lsscPageEmployeePreview\">\n<div id=\"employeePreview\">\n<div id=\"employeePreviewStep1\" style=\"left: 4%;top: 15%\"><span class=\"stepNumber\">1<\/span>Highlight text to add to list<\/div>\n<div id=\"employeePreviewStep2\" style=\"left: 57%;top: 2.5%\"><span class=\"stepNumber\">2<\/span>Open the <strong>List menu<\/strong><\/div>\n<div id=\"employeePreviewStep3\" style=\"left: 35%;top: 78%\"><span class=\"stepNumber\">3<\/span>Select <strong>Bulleted List<\/strong> or <strong>Numbered List<\/strong><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"717\" height=\"311\" class=\"alignnone wp-image-1214 size-full\" style=\"border: 2px solid #555\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_xzARXDVZnZ.png\" alt=\"image\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_xzARXDVZnZ.png 717w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_xzARXDVZnZ-300x130.png 300w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_xzARXDVZnZ-65x28.png 65w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_xzARXDVZnZ-225x98.png 225w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_xzARXDVZnZ-350x152.png 350w\" sizes=\"auto, (max-width: 717px) 100vw, 717px\" \/><\/p>\n<\/div>\n<\/div>\n<p>Do not manually insert symbols or use the <strong>Tab<\/strong> key to create indents. The <strong>Accessibility Checker<\/strong> may note improperly formatted lists<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9178\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Lists.png\" alt=\"\" width=\"3054\" height=\"773\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Lists.png 3054w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Lists-300x76.png 300w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Lists-1024x259.png 1024w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Lists-768x194.png 768w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Lists-1536x389.png 1536w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Lists-2048x518.png 2048w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Lists-65x16.png 65w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Lists-225x57.png 225w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Lists-350x89.png 350w\" sizes=\"auto, (max-width: 3054px) 100vw, 3054px\" \/><\/p>\n<h2><a id=\"tables\"><\/a>Tables<\/h2>\n<p><a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/structure\/#tables\">Properly formatted tables<\/a> are accessible to text-to-speech and screen reader software.<\/p>\n<p>Use the built-in tool to create a table.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1216 size-full\" style=\"border: 2px solid #555;margin-bottom: 1em\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_B7xHaG7hyD.png\" alt=\"Brightspace insert table menu open\" width=\"942\" height=\"410\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_B7xHaG7hyD.png 942w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_B7xHaG7hyD-300x131.png 300w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_B7xHaG7hyD-768x334.png 768w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_B7xHaG7hyD-65x28.png 65w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_B7xHaG7hyD-225x98.png 225w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_B7xHaG7hyD-350x152.png 350w\" sizes=\"auto, (max-width: 942px) 100vw, 942px\" \/><br \/>\nHere are some common errors the Accessibility checker will flag in table formatting:<\/p>\n<ol>\n<li><strong>Tables must have captions.<\/strong><br \/>\nHow to fix: set a brief descriptive text to indicate the content of the table. The simplest way is via the Accessibility checker tool which will prompt for a caption. This will add &lt;caption&gt; to within the &lt;table&gt; element.<\/li>\n<li><strong>Tables must have at least one header.<\/strong><br \/>\nHow to fix: the simplest way is via the Accessibility checker tool which will prompt you to choose table header to \u201cHeader Row\u201d or \u201cHeader Column\u201d, which will change the selected data cells &lt;td&gt; to header cells &lt;th&gt;.<\/li>\n<li><strong>Table headers must be associated with cells.<\/strong><br \/>\nHow to fix: Set header scope to \u201cRow\u201d or \u201cColumn\u201d for simple table header, which will add scope attribute (&lt;th scope=\u201drow\u201d&gt; or &lt;th scope=\u201dcol\u201d) to associate header cells and data cells.<\/li>\n<\/ol>\n<p>The Brightspace accessibility checker will flag table errors and provides detailed instructions to make tables accessible.<\/p>\n","protected":false},"author":1655,"menu_order":3,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-2706","chapter","type-chapter","status-publish","hentry"],"part":2683,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/chapters\/2706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/wp\/v2\/users\/1655"}],"version-history":[{"count":25,"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/chapters\/2706\/revisions"}],"predecessor-version":[{"id":10056,"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/chapters\/2706\/revisions\/10056"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/parts\/2683"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/chapters\/2706\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/wp\/v2\/media?parent=2706"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/chapter-type?post=2706"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/wp\/v2\/contributor?post=2706"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/wp\/v2\/license?post=2706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}