{"id":6509,"date":"2024-02-11T22:18:23","date_gmt":"2024-02-12T03:18:23","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/?post_type=chapter&#038;p=6509"},"modified":"2025-08-22T17:13:00","modified_gmt":"2025-08-22T21:13:00","slug":"accessible-headings-quick-guide","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/accessible-headings-quick-guide\/","title":{"raw":"Accessible Headings Quick Start Guide","rendered":"Accessible Headings Quick Start Guide"},"content":{"raw":"<h2 class=\"quickguideh2\" style=\"text-align: center\"><a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2024\/02\/WordPressBlock-HeadingsSequence-1-e1746592670812.png\"><img class=\"alignright wp-image-9529\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2024\/02\/WordPressBlock-HeadingsSequence-1-e1746592670812.png\" alt=\"\" width=\"95\" height=\"120\" \/><\/a>Accessible Headings\r\nQuick Start Guide<\/h2>\r\n<div class=\"textbox shaded\">Headings are essential for screen reader users to navigate long documents. Headings benefit all readers by providing context, organizing material, and emphasizing connections.<\/div>\r\nTo get started with accessible headings:\r\n<div class=\"customrow\">\r\n<div class=\"customcolumn\">\r\n<h3 class=\"list\">Use a hierarchical structure<\/h3>\r\nFor example:\r\n\r\nHeading level 1: Main topic or title.\r\n\r\nHeading level 2: Primary sections.\r\n\r\nHeading level 3: Subsections of heading level 2s.\r\n\r\nHeadings should describe the content below it.\r\n\r\nMultiple subsequent heading levels can be nested under a higher level and any content can follow any heading level.\r\n\r\nDo not skip a heading level.\r\n\r\n<\/div>\r\n<div class=\"customcolumn\">\r\n<h3 class=\"list\">Include style and code<\/h3>\r\nHeadings are not just larger, bolded text. Use visual style for headings to set them apart, but headings must also include coded meaning.\r\n\r\n<img class=\"alignnone wp-image-2890 size-medium\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2022\/07\/Pressbooks-WordPress-Headings-272x300.png\" alt=\"\" width=\"272\" height=\"300\" \/>\r\nUse built-in tools to create accessible headings.\r\n\r\n<\/div>\r\n<\/div>\r\n&nbsp;\r\n<h3 class=\"list\">Use headings in Word<\/h3>\r\nUse the Word Styles gallery to set headings.\r\n<img class=\"alignnone wp-image-6531 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2024\/02\/Screenshot-2024-02-05-at-12.08.22.png\" alt=\"\" width=\"656\" height=\"99\" \/>\r\n\r\nVerify heading structure via <strong>View &gt; Navigation.<\/strong>\r\n\r\n&nbsp;\r\n<h3 class=\"list\">Use Brightspace headings<\/h3>\r\n[columns]\r\n<img class=\"wp-image-2289 aligncenter\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screenshot-2023-01-20-at-09.53.43.png\" alt=\"Brightspace editor text format menu\" width=\"300\" height=\"368\" \/>\r\n\r\nSet headings using the styles menu in the Brightspace editor. Heading styles can be customized using the colour, font, and size tools in the Brightspace editor.\r\n\r\nThe Brightspace Accessibility Checker will flag out of order headings.\r\n\r\n[\/columns]\r\n<div class=\"textbox textbox--key-takeaways\" style=\"margin-top: 2em\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Moving forward...<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nUse headings to create an accessible and organized reading experience for all readers. Additionally, an accessible heading structure can help you create outlines, reorganize content, and generate a table of contents.\r\n\r\n<strong>For more information on headings and document structure<\/strong>, move to the next page.\r\n\r\n<\/div>\r\n<\/div>","rendered":"<h2 class=\"quickguideh2\" style=\"text-align: center\"><a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2024\/02\/WordPressBlock-HeadingsSequence-1-e1746592670812.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-9529\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2024\/02\/WordPressBlock-HeadingsSequence-1-e1746592670812.png\" alt=\"\" width=\"95\" height=\"120\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2024\/02\/WordPressBlock-HeadingsSequence-1-e1746592670812.png 156w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2024\/02\/WordPressBlock-HeadingsSequence-1-e1746592670812-65x83.png 65w\" sizes=\"auto, (max-width: 95px) 100vw, 95px\" \/><\/a>Accessible Headings<br \/>\nQuick Start Guide<\/h2>\n<div class=\"textbox shaded\">Headings are essential for screen reader users to navigate long documents. Headings benefit all readers by providing context, organizing material, and emphasizing connections.<\/div>\n<p>To get started with accessible headings:<\/p>\n<div class=\"customrow\">\n<div class=\"customcolumn\">\n<h3 class=\"list\">Use a hierarchical structure<\/h3>\n<p>For example:<\/p>\n<p>Heading level 1: Main topic or title.<\/p>\n<p>Heading level 2: Primary sections.<\/p>\n<p>Heading level 3: Subsections of heading level 2s.<\/p>\n<p>Headings should describe the content below it.<\/p>\n<p>Multiple subsequent heading levels can be nested under a higher level and any content can follow any heading level.<\/p>\n<p>Do not skip a heading level.<\/p>\n<\/div>\n<div class=\"customcolumn\">\n<h3 class=\"list\">Include style and code<\/h3>\n<p>Headings are not just larger, bolded text. Use visual style for headings to set them apart, but headings must also include coded meaning.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2890 size-medium\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2022\/07\/Pressbooks-WordPress-Headings-272x300.png\" alt=\"\" width=\"272\" height=\"300\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2022\/07\/Pressbooks-WordPress-Headings-272x300.png 272w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2022\/07\/Pressbooks-WordPress-Headings-65x72.png 65w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2022\/07\/Pressbooks-WordPress-Headings-225x248.png 225w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2022\/07\/Pressbooks-WordPress-Headings-350x386.png 350w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2022\/07\/Pressbooks-WordPress-Headings.png 567w\" sizes=\"auto, (max-width: 272px) 100vw, 272px\" \/><br \/>\nUse built-in tools to create accessible headings.<\/p>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<h3 class=\"list\">Use headings in Word<\/h3>\n<p>Use the Word Styles gallery to set headings.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6531 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2024\/02\/Screenshot-2024-02-05-at-12.08.22.png\" alt=\"\" width=\"656\" height=\"99\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2024\/02\/Screenshot-2024-02-05-at-12.08.22.png 656w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2024\/02\/Screenshot-2024-02-05-at-12.08.22-300x45.png 300w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2024\/02\/Screenshot-2024-02-05-at-12.08.22-65x10.png 65w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2024\/02\/Screenshot-2024-02-05-at-12.08.22-225x34.png 225w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2024\/02\/Screenshot-2024-02-05-at-12.08.22-350x53.png 350w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/p>\n<p>Verify heading structure via <strong>View &gt; Navigation.<\/strong><\/p>\n<p>&nbsp;<\/p>\n<h3 class=\"list\">Use Brightspace headings<\/h3>\n<div class=\"twocolumn\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2289 aligncenter\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screenshot-2023-01-20-at-09.53.43.png\" alt=\"Brightspace editor text format menu\" width=\"300\" height=\"368\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screenshot-2023-01-20-at-09.53.43.png 580w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screenshot-2023-01-20-at-09.53.43-245x300.png 245w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screenshot-2023-01-20-at-09.53.43-65x80.png 65w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screenshot-2023-01-20-at-09.53.43-225x276.png 225w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screenshot-2023-01-20-at-09.53.43-350x429.png 350w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Set headings using the styles menu in the Brightspace editor. Heading styles can be customized using the colour, font, and size tools in the Brightspace editor.<\/p>\n<p>The Brightspace Accessibility Checker will flag out of order headings.<\/p>\n<\/div>\n<div class=\"textbox textbox--key-takeaways\" style=\"margin-top: 2em\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Moving forward&#8230;<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p>Use headings to create an accessible and organized reading experience for all readers. Additionally, an accessible heading structure can help you create outlines, reorganize content, and generate a table of contents.<\/p>\n<p><strong>For more information on headings and document structure<\/strong>, move to the next page.<\/p>\n<\/div>\n<\/div>\n","protected":false},"author":1655,"menu_order":5,"template":"","meta":{"pb_show_title":"","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-6509","chapter","type-chapter","status-publish","hentry"],"part":6454,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/chapters\/6509","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\/6509\/revisions"}],"predecessor-version":[{"id":9953,"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/chapters\/6509\/revisions\/9953"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/parts\/6454"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/chapters\/6509\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/wp\/v2\/media?parent=6509"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/chapter-type?post=6509"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/wp\/v2\/contributor?post=6509"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/wp\/v2\/license?post=6509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}