{"id":35,"date":"2018-06-11T16:16:55","date_gmt":"2018-06-11T16:16:55","guid":{"rendered":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/chapter\/organizing-content\/"},"modified":"2024-01-18T13:51:58","modified_gmt":"2024-01-18T13:51:58","slug":"organizing-content","status":"publish","type":"chapter","link":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/chapter\/organizing-content\/","title":{"rendered":"Organizing Content"},"content":{"raw":"Using chapters, headings, and sub-headings to organize a resource allows students to see how the main concepts are related. In addition, headings are one of the main ways that students using a screen reader navigate through a chapter. Screen reader users can press a keyboard combination, such as Insert + F6 to bring up a list of headings on a page and navigate out of context, to help find topics faster. They can also press the H key to jump to the next heading on a page. This is why it is important to apply heading and subheading styles to your text and not just style them with the B or I buttons. Heading and subheading styles identify the headings programmatically to the screen reader application.\r\n<h1>Who are you doing this for?<\/h1>\r\nEveryone benefits from having content that's well organized. But carefully organized content can especially support students who:\r\n<ul>\r\n \t<li>Have a learning disability<\/li>\r\n \t<li>Are blind or have low vision<\/li>\r\n<\/ul>\r\n\r\n<hr \/>\r\n\r\n<h1>Why is this important?<\/h1>\r\nHeadings help to identify the hierarchical structure of a document (e.g., sections, sub-sections). They provide a visual cue that helps sighted readers quickly navigate through sections of a document, skimming until they find the section they are looking for. Similarly, headings create logical divisions in the content and allow a non-sighted user to navigate a page or document easily using a screen reader.\r\n\r\nWhen it comes to using visual references to indicate the hierarchy and structure of a document, you might be accustomed to changing the font style, enlarging the type size, or highlighting the text with bold, underline or italics to create the impression of a heading. This approach presents problems when creating material with accessibility in mind because screen readers won\u2019t identify the text as a heading.\u00a0Instead, the screen reader will just \"read\" through the text of a heading as if it were regular content, missing your intended cues about structure and organization.\r\n<h1>What do you need to do?<\/h1>\r\nIn <a href=\"\/accessibilitytoolkit\/front-matter\/introduction\/#pressbooks\">Pressbooks<\/a>, use the <a href=\"http:\/\/en.support.wordpress.com\/visual-editor\/#styles\">visual editor<\/a> to tag sections with Heading 1, sub-sections with Heading 2, sub-sections of sub-sections with Heading 3, and so on. *** Important: Make sure the application of the Heading # is in order and do not skip heading levels. That is, a Heading 2 should follow a Heading 1. You would not follow a Heading 1 with a Heading 3. HTML has six heading level elements.\r\n\r\n[caption id=\"attachment_697\" align=\"aligncenter\" width=\"244\"]<a href=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/94\/2018\/06\/heading-options-2.jpg\"><img src=\"https:\/\/pressbooks.ulib.csuohio.edu\/moby-dick\/wp-content\/uploads\/sites\/154\/2018\/06\/heading-options-2-244x300.jpg\" alt=\"A drop-down menu showing a list of heading options in Pressbooks\" class=\"wp-image-34 size-medium\" width=\"244\" height=\"300\" \/><\/a> Heading options in Pressbooks' visual editor[\/caption]\r\n\r\n&nbsp;","rendered":"<p>Using chapters, headings, and sub-headings to organize a resource allows students to see how the main concepts are related. In addition, headings are one of the main ways that students using a screen reader navigate through a chapter. Screen reader users can press a keyboard combination, such as Insert + F6 to bring up a list of headings on a page and navigate out of context, to help find topics faster. They can also press the H key to jump to the next heading on a page. This is why it is important to apply heading and subheading styles to your text and not just style them with the B or I buttons. Heading and subheading styles identify the headings programmatically to the screen reader application.<\/p>\n<h1>Who are you doing this for?<\/h1>\n<p>Everyone benefits from having content that&#8217;s well organized. But carefully organized content can especially support students who:<\/p>\n<ul>\n<li>Have a learning disability<\/li>\n<li>Are blind or have low vision<\/li>\n<\/ul>\n<hr \/>\n<h1>Why is this important?<\/h1>\n<p>Headings help to identify the hierarchical structure of a document (e.g., sections, sub-sections). They provide a visual cue that helps sighted readers quickly navigate through sections of a document, skimming until they find the section they are looking for. Similarly, headings create logical divisions in the content and allow a non-sighted user to navigate a page or document easily using a screen reader.<\/p>\n<p>When it comes to using visual references to indicate the hierarchy and structure of a document, you might be accustomed to changing the font style, enlarging the type size, or highlighting the text with bold, underline or italics to create the impression of a heading. This approach presents problems when creating material with accessibility in mind because screen readers won\u2019t identify the text as a heading.\u00a0Instead, the screen reader will just &#8220;read&#8221; through the text of a heading as if it were regular content, missing your intended cues about structure and organization.<\/p>\n<h1>What do you need to do?<\/h1>\n<p>In <a href=\"\/accessibilitytoolkit\/front-matter\/introduction\/#pressbooks\">Pressbooks<\/a>, use the <a href=\"http:\/\/en.support.wordpress.com\/visual-editor\/#styles\">visual editor<\/a> to tag sections with Heading 1, sub-sections with Heading 2, sub-sections of sub-sections with Heading 3, and so on. *** Important: Make sure the application of the Heading # is in order and do not skip heading levels. That is, a Heading 2 should follow a Heading 1. You would not follow a Heading 1 with a Heading 3. HTML has six heading level elements.<\/p>\n<figure id=\"attachment_697\" aria-describedby=\"caption-attachment-697\" style=\"width: 244px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/94\/2018\/06\/heading-options-2.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.ulib.csuohio.edu\/moby-dick\/wp-content\/uploads\/sites\/154\/2018\/06\/heading-options-2-244x300.jpg\" alt=\"A drop-down menu showing a list of heading options in Pressbooks\" class=\"wp-image-34 size-medium\" width=\"244\" height=\"300\" srcset=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2018\/06\/heading-options-2-244x300.jpg 244w, https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2018\/06\/heading-options-2-65x80.jpg 65w, https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2018\/06\/heading-options-2-225x277.jpg 225w, https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2018\/06\/heading-options-2-350x430.jpg 350w, https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2018\/06\/heading-options-2.jpg 358w\" sizes=\"auto, (max-width: 244px) 100vw, 244px\" \/><\/a><figcaption id=\"caption-attachment-697\" class=\"wp-caption-text\">Heading options in Pressbooks&#8217; visual editor<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n","protected":false},"author":7,"menu_order":1,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-35","chapter","type-chapter","status-publish","hentry"],"part":33,"_links":{"self":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/pressbooks\/v2\/chapters\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/wp\/v2\/users\/7"}],"version-history":[{"count":9,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/pressbooks\/v2\/chapters\/35\/revisions"}],"predecessor-version":[{"id":320,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/pressbooks\/v2\/chapters\/35\/revisions\/320"}],"part":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/pressbooks\/v2\/parts\/33"}],"metadata":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/pressbooks\/v2\/chapters\/35\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/wp\/v2\/media?parent=35"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/pressbooks\/v2\/chapter-type?post=35"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/wp\/v2\/contributor?post=35"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/wp\/v2\/license?post=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}