{"id":1501,"date":"2022-02-21T20:45:18","date_gmt":"2022-02-21T20:45:18","guid":{"rendered":"https:\/\/sites.monroecc.edu\/web-standards\/?page_id=1501"},"modified":"2024-01-03T20:56:11","modified_gmt":"2024-01-03T20:56:11","slug":"headings-lists-and-spacing","status":"publish","type":"page","link":"https:\/\/sites.monroecc.edu\/web-standards\/accessibility\/create-accessible-content\/create-accessible-content-documents\/accessible-word-documents\/headings-lists-and-spacing\/","title":{"rendered":"Headings, Lists, and Spacing"},"content":{"rendered":"<h1>Headings, Lists, and Spacing<\/h1>\n<p>When a sighted person skims the content of a document, they typically read the headings, lists, and other text with visual prompts. If these aren&#8217;t created using existing Microsoft styles, someone using a screen reader will be unable to use these same prompts as screen readers don&#8217;t announce bolded text or explain a bullet image.\u00a0A properly formatted document not only benefits those using screen readers but also creates the structure for use by some Microsoft tools such as building a Table of Contents or creating cross-references.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1631 size-large aligncenter\" src=\"http:\/\/sites.monroecc.edu\/web-standards\/files\/2022\/05\/headings-styles-menu-1024x375.png\" alt=\"Screenshot of Microsoft Word's tool ribbon showing the options in the Home tab. A green box highlights the Styles section. A gold arrow with the text points to a screenshot of the expanded Styles options.\" width=\"640\" height=\"234\" srcset=\"https:\/\/sites.monroecc.edu\/web-standards\/files\/2022\/05\/headings-styles-menu-1024x375.png 1024w, https:\/\/sites.monroecc.edu\/web-standards\/files\/2022\/05\/headings-styles-menu-300x110.png 300w, https:\/\/sites.monroecc.edu\/web-standards\/files\/2022\/05\/headings-styles-menu-768x282.png 768w, https:\/\/sites.monroecc.edu\/web-standards\/files\/2022\/05\/headings-styles-menu.png 1113w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<h2>Headings<\/h2>\n<p>Headings create an outline for the page, starting with Heading 1 and following in order without skipping levels. Heading 1 is the document title, describing the document as a whole. This should be the first text of the document. The following headings should be in descending order without skipping heading levels. For example, you shouldn&#8217;t use a Heading 4 after a Heading 2 with no Heading 3 in between them. This webpage is an example of proper heading structure:<\/p>\n<p>Heading 1: Headings, Lists, and Spacing<br>\n<span style=\"padding-left:25px;\">Heading 2: Headings<\/span><br>\n<span style=\"padding-left:50px;\">Heading 3: View Heading Structure<\/span><br>\n<span style=\"padding-left:25px;\">Heading 2: Bulleted and Ordered Lists<\/span><br>\n<span style=\"padding-left:25px;\">Heading 2: Spacing, Tabbing, and Page Breaks<\/span><br>\n<span style=\"padding-left:50px;\">Heading 3: Spacing and Tabbing<\/span><br>\n<span style=\"padding-left:50px;\">Heading 3: Page Breaks<\/span><\/p>\n<p>For more information, please refer to this\u00a0<a title=\"Opens external link in new window\" href=\"https:\/\/webaim.org\/techniques\/word\/#headings\" target=\"_blank\" rel=\"noreferrer noopener\">article by WebAIM on document headings<\/a>.<\/p>\n<h3>View Heading Structure<\/h3>\n<p>While creating or editing longer documents, it can be difficult to keep track of where you are in your heading structure. Use Microsoft&#8217;s Navigation Pane to view your headings as an outline. This view also represents how a Table of Contents would look, and it is what Acrobat will use for bookmarks in your PDF. You can click on the headings in the Navigation Pane to be directed to that location in the document.<\/p>\n<ol>\n\t<li>\n<figure id=\"attachment_1633\" aria-describedby=\"caption-attachment-1633\" style=\"width: 400px\" class=\"wp-caption alignright\"><a href=\"http:\/\/sites.monroecc.edu\/web-standards\/files\/2022\/05\/headings-navigation-pane.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1633\" title=\"Opens image in new window\" src=\"http:\/\/sites.monroecc.edu\/web-standards\/files\/2022\/05\/headings-navigation-pane.png\" alt=\"Screenshot of the View tool ribbon in Microsoft Word with the Navigation Pane checked in the Show section.  A green box highlights the Show section.\" width=\"400\" height=\"203\" srcset=\"https:\/\/sites.monroecc.edu\/web-standards\/files\/2022\/05\/headings-navigation-pane.png 747w, https:\/\/sites.monroecc.edu\/web-standards\/files\/2022\/05\/headings-navigation-pane-300x152.png 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><figcaption id=\"caption-attachment-1633\" class=\"wp-caption-text\">Figure 1<\/figcaption><\/figure>\nIn the tool ribbon, select the View tab.<\/li>\n\t<li>In the Show panel, check the box next to &#8220;Navigation Pane.&#8221; (See Figure 1.)<\/li>\n\t<li>From the Navigation Pane, click on Headings if not already selected.<\/li>\n\t<li>To adjust the structure, click on the heading in the Navigation Pane.<\/li>\n\t<li>When the page redirects to the location, highlight the heading text in the document and select the correct heading from the Styles menu.<\/li>\n<\/ol>\n<h2><a id=\"lists\"><\/a>Bulleted and Ordered Lists<\/h2>\n<p><a href=\"http:\/\/sites.monroecc.edu\/web-standards\/files\/2022\/05\/headings-expanded-styles-menu.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-1638 size-medium\" title=\"Opens image in new window\" src=\"http:\/\/sites.monroecc.edu\/web-standards\/files\/2022\/05\/headings-expanded-styles-menu-300x178.png\" alt=\"Screenshot of the expanded Styles options in the Home tool ribbon in Microsoft Word.\" width=\"300\" height=\"178\" srcset=\"https:\/\/sites.monroecc.edu\/web-standards\/files\/2022\/05\/headings-expanded-styles-menu-300x178.png 300w, https:\/\/sites.monroecc.edu\/web-standards\/files\/2022\/05\/headings-expanded-styles-menu.png 347w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>There are two types of lists: bulleted and ordered. A bulleted, or unordered, list is a group of related items, such as a grocery list or documents that must be included with a form. An ordered list is a set of items that occur in sequence, such as the instructions above on how to view the Navigation Pane.<\/p>\n<p>When a screen reader encounters a list, it informs the listener what type of list it is and how many items are in it. For this to work, the list must be created using the list styles in Word. Simply adding a bullet symbol or numbering text is not sufficient for the screen reader to translate the information correctly. Sometimes, Word will automatically update your text when it detects that you are creating a list. You can also select the text and apply the styles from the Styles menu in the Home tool ribbon in Word.<\/p>\n<p>Don&#8217;t over-use bulleted lists. Sometimes text is best written as sentences in a paragraph. This can make the content easier to read and draw more focus to lists when they <em>are<\/em> needed.<\/p>\n<h2><a id=\"spacing\"><\/a>Spacing, Tabbing, and Page Breaks<\/h2>\n<p>Sometimes we need to create a cover page, want a bit more space between paragraphs, or need the date to be further to the right on the page. Often, people will add repeated characters, such as blank spaces, multiple tabs, or blank line returns to accomplish this. Unfortunately, these are spoken by screen readers, interfering with normal reading. Also, a sighted reader could mistake blank lines for the end of a document. They can also cause problems when editing the document later. The solution is simple: use built-in Word features.<\/p>\n<h3>Spacing and Tabbing<\/h3>\n\n<figure id=\"attachment_143\" aria-describedby=\"caption-attachment-143\" style=\"width: 376px\" class=\"wp-caption alignright\"><a href=\"http:\/\/sites.monroecc.edu\/web-standards\/files\/2019\/05\/line-spacing.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-143\" title=\"Opens image in new window\" src=\"http:\/\/sites.monroecc.edu\/web-standards\/files\/2019\/05\/line-spacing-300x75.jpg\" alt=\"Screenshot highlighting the Spacing options in the Paragraph section of the Layout tab in the Microsoft Word tool ribbon\" width=\"376\" height=\"94\" srcset=\"https:\/\/sites.monroecc.edu\/web-standards\/files\/2019\/05\/line-spacing-300x75.jpg 300w, https:\/\/sites.monroecc.edu\/web-standards\/files\/2019\/05\/line-spacing.jpg 528w\" sizes=\"auto, (max-width: 376px) 100vw, 376px\" \/><\/a><figcaption id=\"caption-attachment-143\" class=\"wp-caption-text\">Figure 2<\/figcaption><\/figure>\n\n<ol>\n\t<li>Remove any repeated characters (spaces, line returns, or tabs).<\/li>\n\t<li>Select the text that needs extra space above or below or needs to be indented.<\/li>\n\t<li>From the tool ribbon, select the Layout tab.<\/li>\n\t<li>From the Paragraph group, you can adjust the indent to move the text left or right across the page. From the same group, you can adjust the spacing above or below the text.\n\n<ul>\n\t<li>To set specific tab stops on a line or for selected text, click on the window icon for Paragraphs below Spacing to open the Paragraph window, then click on the &#8220;Tabs&#8230;&#8221; button. (See Figure 2.)<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3>Page Breaks<\/h3>\n<ol>\n\t<li>\n<figure id=\"attachment_1640\" aria-describedby=\"caption-attachment-1640\" style=\"width: 249px\" class=\"wp-caption alignright\"><a href=\"http:\/\/sites.monroecc.edu\/web-standards\/files\/2022\/05\/headings-page-break.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1640\" title=\"Opens image in new window\" src=\"http:\/\/sites.monroecc.edu\/web-standards\/files\/2022\/05\/headings-page-break-300x227.png\" alt=\"Screenshot of the Page Break option under the Pages section in the Insert tool ribbon in Microsoft Word.\" width=\"249\" height=\"189\" srcset=\"https:\/\/sites.monroecc.edu\/web-standards\/files\/2022\/05\/headings-page-break-300x227.png 300w, https:\/\/sites.monroecc.edu\/web-standards\/files\/2022\/05\/headings-page-break.png 314w\" sizes=\"auto, (max-width: 249px) 100vw, 249px\" \/><\/a><figcaption id=\"caption-attachment-1640\" class=\"wp-caption-text\">Figure 3<\/figcaption><\/figure>\nRemove any repeated characters (spaces, line returns, or tabs).<\/li>\n\t<li>Place the cursor to where you would like the next page to start, such as at the beginning of a paragraph or a heading.<\/li>\n\t<li>From the tool ribbon, select the Insert tab.<\/li>\n\t<li>From the Pages group, select Page Break. (See Figure 3.)<\/li>\n<\/ol>\n<p>You can also use the keyboard shortcut of pressing both the CTRL and Enter (or <em>Return<\/em>) keys at the same time to create a page break.<\/p>\n<p>Additional information, including instructions with screenshots, can be found on the <a title=\"Opens external link in new window\" href=\"https:\/\/www.ssa.gov\/accessibility\/checklists\/word2010\/repeatedBlankCharacters.htm#collapsible=howToFix\" target=\"_blank\" rel=\"noreferrer noopener\">Repeated Blank Characters webpage by the Social Security Administration<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Headings, Lists, and Spacing When a sighted person skims the content of a document, they typically read the headings, lists, and other text with visual prompts. If these aren&#8217;t created using existing Microsoft styles, someone using a screen reader will be unable to use these same prompts as screen readers don&#8217;t announce bolded text or [&#8230;]<\/p>\n","protected":false},"author":665,"featured_media":0,"parent":1426,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1501","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sites.monroecc.edu\/web-standards\/wp-json\/wp\/v2\/pages\/1501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.monroecc.edu\/web-standards\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.monroecc.edu\/web-standards\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.monroecc.edu\/web-standards\/wp-json\/wp\/v2\/users\/665"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.monroecc.edu\/web-standards\/wp-json\/wp\/v2\/comments?post=1501"}],"version-history":[{"count":30,"href":"https:\/\/sites.monroecc.edu\/web-standards\/wp-json\/wp\/v2\/pages\/1501\/revisions"}],"predecessor-version":[{"id":2067,"href":"https:\/\/sites.monroecc.edu\/web-standards\/wp-json\/wp\/v2\/pages\/1501\/revisions\/2067"}],"up":[{"embeddable":true,"href":"https:\/\/sites.monroecc.edu\/web-standards\/wp-json\/wp\/v2\/pages\/1426"}],"wp:attachment":[{"href":"https:\/\/sites.monroecc.edu\/web-standards\/wp-json\/wp\/v2\/media?parent=1501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}