{"id":21156,"date":"2025-03-28T07:40:56","date_gmt":"2025-03-28T11:40:56","guid":{"rendered":"https:\/\/carleton.ca\/webaccessibility\/?page_id=21156"},"modified":"2025-05-26T15:22:01","modified_gmt":"2025-05-26T19:22:01","slug":"accessibility-all-categories","status":"publish","type":"page","link":"https:\/\/carleton.ca\/webaccessibility\/accessibility-all-categories\/","title":{"rendered":"Accessibility: all categories"},"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                        Accessibility: all categories\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p>The main fifteen or so areas of best practice in accessibility can be categorized into just a few types.<\/p>\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;showDates&quot;&#x3A;false,&quot;showExcerpts&quot;&#x3A;false,&quot;numberOfColumns&quot;&#x3A;&quot;2&quot;,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;numberOfPosts&quot;&#x3A;6,&quot;moreButton&quot;&#x3A;&quot;none&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;24&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        Alt text\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\/alt-text\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Page\n                    <span class=\"sr-only\">\n                        titled\n                        Alt text\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        Images\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\/images\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Page\n                    <span class=\"sr-only\">\n                        titled\n                        Images\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        Images and alt text\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\/images-and-alt-text\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Page\n                    <span class=\"sr-only\">\n                        titled\n                        Images and alt text\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        Page organization\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\/page-organization-2\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Page\n                    <span class=\"sr-only\">\n                        titled\n                        Page organization\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        Text and hyperlinks\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\/text-and-hyperlinks\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Page\n                    <span class=\"sr-only\">\n                        titled\n                        Text and hyperlinks\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>The main fifteen or so areas of best practice in accessibility can be categorized into just a few types.<\/p>\n","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":[14],"class_list":["post-21156","page","type-page","status-publish","hentry","cu_page_type-general"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/pages\/21156","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=21156"}],"version-history":[{"count":3,"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/pages\/21156\/revisions"}],"predecessor-version":[{"id":21301,"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/pages\/21156\/revisions\/21301"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/media?parent=21156"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/cu_page_type?post=21156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}