{"id":248,"date":"2018-06-11T16:16:55","date_gmt":"2018-06-11T16:16:55","guid":{"rendered":"https:\/\/openbook.ums.edu.my\/iotb\/chapter\/organizing-content\/"},"modified":"2024-09-19T04:15:14","modified_gmt":"2024-09-19T04:15:14","slug":"organizing-content","status":"publish","type":"chapter","link":"https:\/\/openbook.ums.edu.my\/iotb\/chapter\/organizing-content\/","title":{"raw":"Organizing Content","rendered":"Organizing Content"},"content":{"raw":"Organizing content so it has a logical flow just makes sense.\u00a0Using chapters, headings, and sub-headings to organize a resource allows students to clearly 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.\n<h1>Who are you doing this for?<\/h1>\nEveryone benefits from having content that's clearly organized. Well-organized content supports students who:\n<ul>\n \t<li>Have a learning disability, like <a class=\"internal\" href=\"\/\/chapter\/using-personas\/#Ann\">Ann<\/a><\/li>\n \t<li>Are blind or have low vision, like <a class=\"internal\" href=\"\/\/chapter\/using-personas\/#Jacob\">Jacob<\/a><\/li>\n<\/ul>\n[caption id=\"attachment_693\" align=\"aligncenter\" width=\"300\"]<a href=\"\/wp-content\/uploads\/sites\/94\/2018\/06\/persona2.jpg\"><img src=\"https:\/\/openbook.ums.edu.my\/wp-content\/uploads\/sites\/183\/2018\/06\/persona2-300x184.jpg\" alt=\"Ann has a learning disability that makes it difficult for her to concentrate\" class=\"wp-image-245 size-medium\" width=\"300\" height=\"184\"><\/a> Ann: \"This allows me to go back and easily find the important points.\"[\/caption]\n\n[caption id=\"attachment_690\" align=\"aligncenter\" width=\"300\"]<a href=\"\/wp-content\/uploads\/sites\/94\/2018\/06\/Jacob.jpg\"><img src=\"https:\/\/openbook.ums.edu.my\/wp-content\/uploads\/sites\/183\/2024\/09\/Jacob-1.jpg\" alt=\"Jacob is blind\" class=\"wp-image-246 size-medium\" width=\"300\" height=\"225\"><\/a> Jacob: \"This gives me more control in navigating through the chapter. I can skip to the relevant section, instead of having to read the whole thing in a linear fashion.\"[\/caption]\n\n<hr>\n\n<h1>Why is this important?<\/h1>\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.\n\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.\n<h1>What do you need to do?<\/h1>\nIn <a href=\"\/\/front-matter\/introduction\/#pressbooks\">Pressbooks<\/a>, use the <a href=\"http:\/\/en.support.wordpress.com\/visual-editor\/#styles\">visual editor<\/a> to tag sections\u00a0with Heading 1, sub-sections\u00a0with Heading 2, sub-sections of sub-sections with Heading 3, and so on.\n\n[caption id=\"attachment_697\" align=\"aligncenter\" width=\"244\"]<a href=\"\/wp-content\/uploads\/sites\/94\/2018\/06\/heading-options-2.jpg\"><img src=\"https:\/\/openbook.ums.edu.my\/wp-content\/uploads\/sites\/183\/2024\/09\/heading-options-2-244x300.jpg\" alt=\"A drop-down menu showing a list of heading options in Pressbooks\" class=\"wp-image-247 size-medium\" width=\"244\" height=\"300\"><\/a> Heading options in Pressbooks' visual editor[\/caption]\n<h3>Media Attributions<\/h3>\n<ul>\n \t<li>Ann: Original artwork by Hilda Anggraeni (BCcampus). \u00a9 <a href=\"https:\/\/creativecommons.org\/licenses\/by\/4.0\/\">Creative Commons Attribution 4.0 International Licence<\/a>.<\/li>\n \t<li>Jacob: \"<a href=\"https:\/\/www.flickr.com\/photos\/rosenfeldmedia\/11496864803\/in\/album-72157638911360206\/\">WFE003: Jacob<\/a>\" by <a href=\"https:\/\/www.flickr.com\/photos\/rosenfeldmedia\/\">Rosenfeld Media<\/a>. \u00a9 <a href=\"https:\/\/creativecommons.org\/licenses\/by\/2.0\/\">Creative Commons Attribution 2.0 Generic Licence<\/a>.<\/li>\n<\/ul>","rendered":"<p>Organizing content so it has a logical flow just makes sense.\u00a0Using chapters, headings, and sub-headings to organize a resource allows students to clearly 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.<\/p>\n<h1>Who are you doing this for?<\/h1>\n<p>Everyone benefits from having content that&#8217;s clearly organized. Well-organized content supports students who:<\/p>\n<ul>\n<li>Have a learning disability, like <a class=\"internal\" href=\"\/\/chapter\/using-personas\/#Ann\">Ann<\/a><\/li>\n<li>Are blind or have low vision, like <a class=\"internal\" href=\"\/\/chapter\/using-personas\/#Jacob\">Jacob<\/a><\/li>\n<\/ul>\n<figure id=\"attachment_693\" aria-describedby=\"caption-attachment-693\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"\/wp-content\/uploads\/sites\/94\/2018\/06\/persona2.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/openbook.ums.edu.my\/wp-content\/uploads\/sites\/183\/2018\/06\/persona2-300x184.jpg\" alt=\"Ann has a learning disability that makes it difficult for her to concentrate\" class=\"wp-image-245 size-medium\" width=\"300\" height=\"184\" srcset=\"https:\/\/openbook.ums.edu.my\/iotb\/wp-content\/uploads\/sites\/183\/2018\/06\/persona2-300x184.jpg 300w, https:\/\/openbook.ums.edu.my\/iotb\/wp-content\/uploads\/sites\/183\/2018\/06\/persona2-65x40.jpg 65w, https:\/\/openbook.ums.edu.my\/iotb\/wp-content\/uploads\/sites\/183\/2018\/06\/persona2-225x138.jpg 225w, https:\/\/openbook.ums.edu.my\/iotb\/wp-content\/uploads\/sites\/183\/2018\/06\/persona2-350x215.jpg 350w, https:\/\/openbook.ums.edu.my\/iotb\/wp-content\/uploads\/sites\/183\/2018\/06\/persona2.jpg 700w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-693\" class=\"wp-caption-text\">Ann: &#8220;This allows me to go back and easily find the important points.&#8221;<\/figcaption><\/figure>\n<figure id=\"attachment_690\" aria-describedby=\"caption-attachment-690\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"\/wp-content\/uploads\/sites\/94\/2018\/06\/Jacob.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/openbook.ums.edu.my\/wp-content\/uploads\/sites\/183\/2024\/09\/Jacob-1.jpg\" alt=\"Jacob is blind\" class=\"wp-image-246 size-medium\" width=\"300\" height=\"225\" srcset=\"https:\/\/openbook.ums.edu.my\/iotb\/wp-content\/uploads\/sites\/183\/2024\/09\/Jacob-1.jpg 640w, https:\/\/openbook.ums.edu.my\/iotb\/wp-content\/uploads\/sites\/183\/2024\/09\/Jacob-1-300x225.jpg 300w, https:\/\/openbook.ums.edu.my\/iotb\/wp-content\/uploads\/sites\/183\/2024\/09\/Jacob-1-65x49.jpg 65w, https:\/\/openbook.ums.edu.my\/iotb\/wp-content\/uploads\/sites\/183\/2024\/09\/Jacob-1-225x169.jpg 225w, https:\/\/openbook.ums.edu.my\/iotb\/wp-content\/uploads\/sites\/183\/2024\/09\/Jacob-1-350x263.jpg 350w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-690\" class=\"wp-caption-text\">Jacob: &#8220;This gives me more control in navigating through the chapter. I can skip to the relevant section, instead of having to read the whole thing in a linear fashion.&#8221;<\/figcaption><\/figure>\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=\"\/\/front-matter\/introduction\/#pressbooks\">Pressbooks<\/a>, use the <a href=\"http:\/\/en.support.wordpress.com\/visual-editor\/#styles\">visual editor<\/a> to tag sections\u00a0with Heading 1, sub-sections\u00a0with Heading 2, sub-sections of sub-sections with Heading 3, and so on.<\/p>\n<figure id=\"attachment_697\" aria-describedby=\"caption-attachment-697\" style=\"width: 244px\" class=\"wp-caption aligncenter\"><a href=\"\/wp-content\/uploads\/sites\/94\/2018\/06\/heading-options-2.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/openbook.ums.edu.my\/wp-content\/uploads\/sites\/183\/2024\/09\/heading-options-2-244x300.jpg\" alt=\"A drop-down menu showing a list of heading options in Pressbooks\" class=\"wp-image-247 size-medium\" width=\"244\" height=\"300\" srcset=\"https:\/\/openbook.ums.edu.my\/iotb\/wp-content\/uploads\/sites\/183\/2024\/09\/heading-options-2-244x300.jpg 244w, https:\/\/openbook.ums.edu.my\/iotb\/wp-content\/uploads\/sites\/183\/2024\/09\/heading-options-2-65x80.jpg 65w, https:\/\/openbook.ums.edu.my\/iotb\/wp-content\/uploads\/sites\/183\/2024\/09\/heading-options-2-225x277.jpg 225w, https:\/\/openbook.ums.edu.my\/iotb\/wp-content\/uploads\/sites\/183\/2024\/09\/heading-options-2-350x430.jpg 350w, https:\/\/openbook.ums.edu.my\/iotb\/wp-content\/uploads\/sites\/183\/2024\/09\/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<h3>Media Attributions<\/h3>\n<ul>\n<li>Ann: Original artwork by Hilda Anggraeni (BCcampus). \u00a9 <a href=\"https:\/\/creativecommons.org\/licenses\/by\/4.0\/\">Creative Commons Attribution 4.0 International Licence<\/a>.<\/li>\n<li>Jacob: &#8220;<a href=\"https:\/\/www.flickr.com\/photos\/rosenfeldmedia\/11496864803\/in\/album-72157638911360206\/\">WFE003: Jacob<\/a>&#8221; by <a href=\"https:\/\/www.flickr.com\/photos\/rosenfeldmedia\/\">Rosenfeld Media<\/a>. \u00a9 <a href=\"https:\/\/creativecommons.org\/licenses\/by\/2.0\/\">Creative Commons Attribution 2.0 Generic Licence<\/a>.<\/li>\n<\/ul>\n<div class=\"media-attributions clear\" prefix:cc=\"http:\/\/creativecommons.org\/ns#\" prefix:dc=\"http:\/\/purl.org\/dc\/terms\/\"><h3>Media Attributions<\/h3><ul><li >Ann       <\/li><li >Jacob       <\/li><li >heading-options-2       <\/li><\/ul><\/div>","protected":false},"author":1,"menu_order":1,"template":"","meta":{"pb_show_title":"","pb_short_title":"","pb_subtitle":"","pb_authors":["acoolidge","sdoner","trobertson","jgray"],"pb_section_license":""},"chapter-type":[],"contributor":[81,84,82,83],"license":[],"class_list":["post-248","chapter","type-chapter","status-publish","hentry","contributor-acoolidge","contributor-jgray","contributor-sdoner","contributor-trobertson"],"part":244,"_links":{"self":[{"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/pressbooks\/v2\/chapters\/248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/pressbooks\/v2\/chapters\/248\/revisions"}],"predecessor-version":[{"id":249,"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/pressbooks\/v2\/chapters\/248\/revisions\/249"}],"part":[{"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/pressbooks\/v2\/parts\/244"}],"metadata":[{"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/pressbooks\/v2\/chapters\/248\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/wp\/v2\/media?parent=248"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/pressbooks\/v2\/chapter-type?post=248"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/wp\/v2\/contributor?post=248"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/openbook.ums.edu.my\/iotb\/wp-json\/wp\/v2\/license?post=248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}