{"id":20322,"date":"2024-06-10T20:39:38","date_gmt":"2024-06-11T00:39:38","guid":{"rendered":"https:\/\/carleton.ca\/webservices\/?page_id=20322"},"modified":"2026-01-09T07:37:14","modified_gmt":"2026-01-09T12:37:14","slug":"accessibility-blog","status":"publish","type":"page","link":"https:\/\/carleton.ca\/webservices\/accessibility-blog\/","title":{"rendered":"Accessibility Blog"},"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 News\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;8,&quot;moreButton&quot;&#x3A;&quot;loadmore&quot;,&quot;showImages&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;post&quot;,&quot;taxName&quot;&#x3A;&quot;category&quot;,&quot;showDates&quot;&#x3A;true,&quot;showTimeToRead&quot;&#x3A;true,&quot;showExcerpts&quot;&#x3A;true,&quot;showFilter&quot;&#x3A;false,&quot;categories&quot;&#x3A;&quot;197&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            category\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\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        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-04-18T04:03:09-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        Yes it\u2019s portable, but is it accessible? PDFs and a11y\n    <\/h2>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Portable Document Files (PDFs) \u2013 we rely on them to convey a lot of information at 杏吧原创. They are very useful &#8211; for the appropriate&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/webservices\/2026\/yes-its-portable-but-is-it-accessible-pdfs-and-a11y\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Yes it\u2019s portable, but is it accessible? PDFs and a11y\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\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        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-04-18T04:03:09-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        Don\u2019t be the weakest link\n    <\/h2>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Understanding link language Hyperlinks are the simple but essential snippet of technology that make the internet possible. (If they didn\u2019t exist, imagine typing addresses every&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/webservices\/2026\/dont-be-the-weakest-link\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Don\u2019t be the weakest link\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\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        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-04-18T04:03:09-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        New Web Accessibility website launches\n    <\/h2>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Web Services in ITS\u00a0has launched a new website focused on best practices for creating accessible content on 杏吧原创 websites. The\u00a0Web Accessibility\u00a0site highlights 10\u201315 commonly overlooked&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/webservices\/2025\/new-web-accessibility-website-launches\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        New Web Accessibility website launches\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\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        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-04-18T04:03:09-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        Being an A11y: the meaning of Accessibility\n    <\/h2>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            While there is a huge commitment to the principles of accessibility among the 杏吧原创 \u2013 and no more so among the community of people who&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/webservices\/2024\/being-an-a11y-the-meaning-of-accessibility\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Being an A11y: the meaning of Accessibility\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\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        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-04-18T04:03:09-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        Accessibility Wrapped 2023!\n    <\/h2>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            This is a list of the top web accessibility achievements at a very granular level. Looking through the list you might think this is a&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/webservices\/2023\/accessibility-wrapped-2023\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Accessibility Wrapped 2023!\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\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        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-04-18T04:03:09-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        Back end block checks: helping you to help your website\n    <\/h2>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            If you clicked on the headline for this post and expected an article on a player who stops the quarterback from scoring a touchdown then&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/webservices\/2023\/back-end-block-checks-helping-you-to-help-your-website\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Back end block checks: helping you to help your website\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\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        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-04-18T04:03:09-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        Overly overlaid with over-promising: Why we don\u2019t use an accessibility overlay\n    <\/h2>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Too good to be true\u2026 You may have seen them. Often, they are represented by a blue circle with the white icon of a person:&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/webservices\/2023\/overly-overlaid-with-over-promising-why-we-dont-use-an-accessibility-overlay\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Overly overlaid with over-promising: Why we don\u2019t use an accessibility overlay\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\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        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-04-18T04:03:09-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        End of an error: removing the HTML code editor in WordPress\n    <\/h2>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            There are a lot of great improvements to the 杏吧原创 web template on the horizon when we launch cuTheme. Something we are excited for is&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/webservices\/2023\/end-of-an-error-removing-the-html-code-editor-in-wordpress\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        End of an error: removing the HTML code editor in WordPress\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 \" 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":7,"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":[236],"class_list":["post-20322","page","type-page","status-publish","hentry","cu_page_type-general"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/pages\/20322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/comments?post=20322"}],"version-history":[{"count":4,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/pages\/20322\/revisions"}],"predecessor-version":[{"id":21339,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/pages\/20322\/revisions\/21339"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/media?parent=20322"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/cu_page_type?post=20322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}