{"id":33,"date":"2018-06-11T16:16:55","date_gmt":"2018-06-11T16:16:55","guid":{"rendered":"http:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/chapter\/organizing-content\/"},"modified":"2018-06-12T15:32:41","modified_gmt":"2018-06-12T15:32:41","slug":"organizing-content","status":"publish","type":"chapter","link":"https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/chapter\/organizing-content\/","title":{"rendered":"Organizing Content"},"content":{"raw":"\n<p>Organizing content so it has a logical flow just makes sense.&nbsp;Using chapters, headings, and subheadings to organize content 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's clearly organized. In addition,&nbsp;well-organized content supports students who:<\/p>\n<ul>\n<li>Have a learning disability, for example like <a href=\"\/accessibilitytoolkit\/chapter\/using-personas\/#Ann\">Ann<\/a><\/li>\n<li>Are blind or have low vision, for example like <a href=\"\/accessibilitytoolkit\/chapter\/using-personas\/#Jacob\">Jacob<\/a><\/li>\n<\/ul>\n[caption id=\"attachment_453\" align=\"aligncenter\" width=\"500\"]<a href=\"http:\/\/opentextbc.ca\/accessibilitytoolkit\/wp-content\/uploads\/sites\/94\/2015\/02\/persona2.jpg\"><img class=\"wp-image-27\" alt=\"Ann has a learning disability that makes it difficult for her to concentrate.\" src=\"http:\/\/www.publiconsulting.com\/wordpress\/librosmia\/wp-content\/uploads\/sites\/81\/2018\/06\/persona2.jpg\" width=\"500\" height=\"307\"><\/a> Ann: \"This allows me to go back and easily find the important points.\"[\/caption]\n[caption id=\"attachment_117\" align=\"aligncenter\" width=\"500\"]<a href=\"http:\/\/opentextbc.ca\/accessibilitytoolkit\/wp-content\/uploads\/sites\/94\/2015\/02\/Jacob.jpg\"><img class=\"wp-image-24\" alt=\"Jacob is blind.\" src=\"http:\/\/www.publiconsulting.com\/wordpress\/librosmia\/wp-content\/uploads\/sites\/81\/2018\/06\/Jacob.jpg\" width=\"500\" height=\"375\"><\/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<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). Headings provide a visual cue that helps sighted readers quickly navigate through sections of a document, skimming through content until they find a 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 may be accustomed to just changing the font, enlarging the type size, making it bold or underlined or italicized, creating 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.&nbsp;Instead, a screen reader will just \"read\" through the text of a heading as if it were part of another paragraph of 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\/about-the-toolkit\/#pressbooks\">Pressbooks<\/a>, use the <a href=\"http:\/\/en.support.wordpress.com\/visual-editor\/#styles\">Visual editor<\/a> to tag sections&nbsp;with Heading 1, sub-sections&nbsp;with Heading 2, sub-sections of sub-sections with Heading 3, and so on.<\/p>\n[caption id=\"attachment_145\" align=\"aligncenter\" width=\"358\"]<a href=\"https:\/\/opentextbc.ca\/accessibilitytoolkit\/wp-content\/uploads\/sites\/184\/2017\/06\/heading-options-2.jpg\"><img src=\"http:\/\/www.publiconsulting.com\/wordpress\/librosmia\/wp-content\/uploads\/sites\/81\/2018\/06\/heading-options-2.jpg\" alt=\"A drop-down menu showing a list of heading options in Pressbooks\" class=\"wp-image-32 size-full\" width=\"358\" height=\"440\"><\/a> Heading options in Pressbooks' Visual Style Editor.[\/caption]\n<h1>Attributions<\/h1>\n<p>Ann: Original artwork by BCcampus is under a&nbsp;<a href=\"https:\/\/creativecommons.org\/licenses\/by\/4.0\/\">CC BY 4.0 International Licence<\/a>.<\/p>\n<p>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> is used under a <a href=\"https:\/\/creativecommons.org\/licenses\/by\/2.0\/\">CC BY 2.0 Generic Licence<\/a>.<\/p>\n\n","rendered":"<p>Organizing content so it has a logical flow just makes sense.&nbsp;Using chapters, headings, and subheadings to organize content 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. In addition,&nbsp;well-organized content supports students who:<\/p>\n<ul>\n<li>Have a learning disability, for example like <a href=\"\/accessibilitytoolkit\/chapter\/using-personas\/#Ann\">Ann<\/a><\/li>\n<li>Are blind or have low vision, for example like <a href=\"\/accessibilitytoolkit\/chapter\/using-personas\/#Jacob\">Jacob<\/a><\/li>\n<\/ul>\n<figure id=\"attachment_453\" aria-describedby=\"caption-attachment-453\" style=\"width: 500px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/opentextbc.ca\/accessibilitytoolkit\/wp-content\/uploads\/sites\/94\/2015\/02\/persona2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-27\" alt=\"Ann has a learning disability that makes it difficult for her to concentrate.\" src=\"\/\/www.publiconsulting.com\/wordpress\/librosmia\/wp-content\/uploads\/sites\/81\/2018\/06\/persona2.jpg\" width=\"500\" height=\"307\" srcset=\"https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-content\/uploads\/sites\/81\/2018\/06\/persona2.jpg 700w, https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-content\/uploads\/sites\/81\/2018\/06\/persona2-300x184.jpg 300w, https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-content\/uploads\/sites\/81\/2018\/06\/persona2-65x40.jpg 65w, https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-content\/uploads\/sites\/81\/2018\/06\/persona2-225x138.jpg 225w, https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-content\/uploads\/sites\/81\/2018\/06\/persona2-350x215.jpg 350w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><figcaption id=\"caption-attachment-453\" 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_117\" aria-describedby=\"caption-attachment-117\" style=\"width: 500px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/opentextbc.ca\/accessibilitytoolkit\/wp-content\/uploads\/sites\/94\/2015\/02\/Jacob.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-24\" alt=\"Jacob is blind.\" src=\"\/\/www.publiconsulting.com\/wordpress\/librosmia\/wp-content\/uploads\/sites\/81\/2018\/06\/Jacob.jpg\" width=\"500\" height=\"375\" srcset=\"https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-content\/uploads\/sites\/81\/2018\/06\/Jacob.jpg 640w, https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-content\/uploads\/sites\/81\/2018\/06\/Jacob-300x225.jpg 300w, https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-content\/uploads\/sites\/81\/2018\/06\/Jacob-65x49.jpg 65w, https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-content\/uploads\/sites\/81\/2018\/06\/Jacob-225x169.jpg 225w, https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-content\/uploads\/sites\/81\/2018\/06\/Jacob-350x263.jpg 350w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><figcaption id=\"caption-attachment-117\" 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). Headings provide a visual cue that helps sighted readers quickly navigate through sections of a document, skimming through content until they find a 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 may be accustomed to just changing the font, enlarging the type size, making it bold or underlined or italicized, creating 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.&nbsp;Instead, a screen reader will just &#8220;read&#8221; through the text of a heading as if it were part of another paragraph of 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\/about-the-toolkit\/#pressbooks\">Pressbooks<\/a>, use the <a href=\"http:\/\/en.support.wordpress.com\/visual-editor\/#styles\">Visual editor<\/a> to tag sections&nbsp;with Heading 1, sub-sections&nbsp;with Heading 2, sub-sections of sub-sections with Heading 3, and so on.<\/p>\n<figure id=\"attachment_145\" aria-describedby=\"caption-attachment-145\" style=\"width: 358px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/opentextbc.ca\/accessibilitytoolkit\/wp-content\/uploads\/sites\/184\/2017\/06\/heading-options-2.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/\/www.publiconsulting.com\/wordpress\/librosmia\/wp-content\/uploads\/sites\/81\/2018\/06\/heading-options-2.jpg\" alt=\"A drop-down menu showing a list of heading options in Pressbooks\" class=\"wp-image-32 size-full\" width=\"358\" height=\"440\" srcset=\"https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-content\/uploads\/sites\/81\/2018\/06\/heading-options-2.jpg 358w, https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-content\/uploads\/sites\/81\/2018\/06\/heading-options-2-244x300.jpg 244w, https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-content\/uploads\/sites\/81\/2018\/06\/heading-options-2-65x80.jpg 65w, https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-content\/uploads\/sites\/81\/2018\/06\/heading-options-2-225x277.jpg 225w, https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-content\/uploads\/sites\/81\/2018\/06\/heading-options-2-350x430.jpg 350w\" sizes=\"auto, (max-width: 358px) 100vw, 358px\" \/><\/a><figcaption id=\"caption-attachment-145\" class=\"wp-caption-text\">Heading options in Pressbooks&#8217; Visual Style Editor.<\/figcaption><\/figure>\n<h1>Attributions<\/h1>\n<p>Ann: Original artwork by BCcampus is under a&nbsp;<a href=\"https:\/\/creativecommons.org\/licenses\/by\/4.0\/\">CC BY 4.0 International Licence<\/a>.<\/p>\n<p>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> is used under a <a href=\"https:\/\/creativecommons.org\/licenses\/by\/2.0\/\">CC BY 2.0 Generic Licence<\/a>.<\/p>\n","protected":false},"author":1,"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-33","chapter","type-chapter","status-publish","hentry"],"part":31,"_links":{"self":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-json\/pressbooks\/v2\/chapters\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-json\/pressbooks\/v2\/chapters\/33\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-json\/pressbooks\/v2\/chapters\/33\/revisions\/34"}],"part":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-json\/pressbooks\/v2\/parts\/31"}],"metadata":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-json\/pressbooks\/v2\/chapters\/33\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-json\/wp\/v2\/media?parent=33"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-json\/pressbooks\/v2\/chapter-type?post=33"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-json\/wp\/v2\/contributor?post=33"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/www.publiconsulting.com\/wordpress\/accesibilitytoolkit\/wp-json\/wp\/v2\/license?post=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}