{"id":21162,"date":"2025-03-28T07:43:28","date_gmt":"2025-03-28T11:43:28","guid":{"rendered":"https:\/\/carleton.ca\/webaccessibility\/?page_id=21162"},"modified":"2025-03-28T07:45:10","modified_gmt":"2025-03-28T11:45:10","slug":"page-organization-2","status":"publish","type":"page","link":"https:\/\/carleton.ca\/webaccessibility\/page-organization-2\/","title":{"rendered":"Page organization"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Page organization\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n\n\n    \n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                        \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;numberOfPosts&quot;&#x3A;9,&quot;moreButton&quot;&#x3A;&quot;loadmore&quot;,&quot;showDates&quot;&#x3A;false,&quot;showExcerpts&quot;&#x3A;false,&quot;numberOfColumns&quot;&#x3A;&quot;2&quot;,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;page&quot;,&quot;taxName&quot;&#x3A;&quot;cu_page_type&quot;,&quot;order&quot;&#x3A;&quot;ASC&quot;,&quot;orderBy&quot;&#x3A;&quot;title&quot;,&quot;showAllPosts&quot;&#x3A;false,&quot;showImages&quot;&#x3A;false,&quot;showFilter&quot;&#x3A;false,&quot;showHours&quot;&#x3A;false,&quot;categories&quot;&#x3A;&quot;21&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            page\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--2 md:grid-cols-2\">\n\n                                                        \n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Always give a page a proper hierarchy\n    <\/h2>\n\n            <\/header>\n\n\n                        \n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/webaccessibility\/a-page-must-have-a-proper-hierarchy\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Page\n                    <span class=\"sr-only\">\n                        titled\n                        Always give a page a proper hierarchy\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Create proper subheadings\n    <\/h2>\n\n            <\/header>\n\n\n                        \n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/webaccessibility\/subheadings-must-be-proper-subheadings\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Page\n                    <span class=\"sr-only\">\n                        titled\n                        Create proper subheadings\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        No need to employ visual cues in text aside from sub-headings\n    <\/h2>\n\n            <\/header>\n\n\n                        \n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/webaccessibility\/no-need-to-employ-visual-cues-in-text-aside-from-sub-headings\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Page\n                    <span class=\"sr-only\">\n                        titled\n                        No need to employ visual cues in text aside from sub-headings\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Proper use of tables\n    <\/h2>\n\n            <\/header>\n\n\n                        \n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/webaccessibility\/use-of-tables\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Page\n                    <span class=\"sr-only\">\n                        titled\n                        Proper use of tables\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                            <button aria-label=\"Load More\" class=\"loadMore cu-button not-prose cu-button--dark-grey cu-button--center cu-button--hide\" type=\"button\">\n    <div class=\"block load-more-button\">\n        Load More\n    <\/div>\n    <div class=\"hidden no-more-posts\">\n        No more to load\n    <\/div>\n    <div class=\"items-center justify-center hidden load-more-spinner cu-pageloader\">\n    <div class=\"inline-block h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n        <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n            Loading&#8230;\n        <\/span>\n    <\/div>\n<\/div>\n<\/button>\n                    \n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[24,14],"class_list":["post-21162","page","type-page","status-publish","hentry","cu_page_type-accessibility-category-listing","cu_page_type-general"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/pages\/21162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/comments?post=21162"}],"version-history":[{"count":3,"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/pages\/21162\/revisions"}],"predecessor-version":[{"id":21165,"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/pages\/21162\/revisions\/21165"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/media?parent=21162"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/cu_page_type?post=21162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}