{"id":5392,"date":"2026-08-26T09:18:01","date_gmt":"2026-08-26T13:18:01","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=5392"},"modified":"2026-08-26T14:10:00","modified_gmt":"2026-08-26T18:10:00","slug":"accessibility","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/accessibility\/","title":{"rendered":"Accessibility"},"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\n                    <\/h1>\n                \n                                \n                                    \n\n<p class=\"wp-block-paragraph\">Carleton University continually strives to make all its spaces \u2013 digital as well as physical \u2013 as accessible as possible. Accessibility is an issue of social justice and we are working hard to improve this with input from our community.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/webaccessibility\/\">Web accessibility at Carleton<\/a><\/div>\n<\/div>\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n\n<div class=\"w-full max-w-xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component not-contained not-prose\">\n    <h2 class=\"px-6 py-4 text-base font-semibold border-b rounded-t-lg md:text-xl bg-gray-50 text-cu-black-800\">\n        Table of Contents\n    <\/h2>\n    <div class=\"grid cu-scrollto cu-stackedlist--toc cu-stackedlist--1 md:grid-cols-1\">\n            <div class=\"space-y-1\">\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.\n                    <\/span>\n\n                    <a href=\"#importance-of-accessibility\" class=\"font-medium hover:underline\">\n                        Importance of Accessibility\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        2.\n                    <\/span>\n\n                    <a href=\"#accessibility-resources\" class=\"font-medium hover:underline\">\n                        Accessibility Resources\n                    <\/a>\n                <\/div>\n\n                                        <div class=\"space-y-1\">\n                    \n            <div class=\"pl-10 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        2.1\n                    <\/span>\n\n                    <a href=\"#regulations\" class=\"font-medium hover:underline\">\n                        Regulations\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-10 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        2.2\n                    <\/span>\n\n                    <a href=\"#techniques\" class=\"font-medium hover:underline\">\n                        Techniques\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-10 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        2.3\n                    <\/span>\n\n                    <a href=\"#tools\" class=\"font-medium hover:underline\">\n                        Tools\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-10 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        2.4\n                    <\/span>\n\n                    <a href=\"#power-bi-and-accessibility\" class=\"font-medium hover:underline\">\n                        Power BI and Accessibility\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-10 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        2.5\n                    <\/span>\n\n                    <a href=\"#readings\" class=\"font-medium hover:underline\">\n                        Readings\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n            <\/div>\n\n                            <\/div>\n            <\/div>\n\n    <\/div>\n<\/div>\n\n\n\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                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"importance-of-accessibility\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n         Importance of Accessibility \n    <\/h2>\n\n            <p class=\"max-w-5xl font-light prose-lg md:prose-2xl\">\n            Besides it being an issue of equity, there are other reasons to improve our standards with accessibility. These include:\n        <\/p>\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-2 gap-6 md:gap-10\">\n            \n\n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100   \">\n    \n                        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\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        Recruitment\n    <\/h2>\n\n            <\/header>\n\n        \n                    <div class=\"flex flex-col px-6\">\n                <p class=\"text-base text-cu-black-700\">\n                    Universities with websites that are accessible attract more students\n                <\/p>\n            <\/div>\n        \n            <\/div>\n    \n\n\n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100   \">\n    \n                        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\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        Representation\n    <\/h2>\n\n            <\/header>\n\n        \n                    <div class=\"flex flex-col px-6\">\n                <p class=\"text-base text-cu-black-700\">\n                    27% of Canadians identify as having a disability, while many others have limitations they don\u2019t associate with a disability but which would be impacted by poor accessibility.\n                <\/p>\n            <\/div>\n        \n            <\/div>\n    \n\n\n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100   \">\n    \n                        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\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        Usability\n    <\/h2>\n\n            <\/header>\n\n        \n                    <div class=\"flex flex-col px-6\">\n                <p class=\"text-base text-cu-black-700\">\n                    All features that make a web page accessible make it easier to use for everybody\n                <\/p>\n            <\/div>\n        \n            <\/div>\n    \n\n\n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100   \">\n    \n                        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\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        Findability\n    <\/h2>\n\n            <\/header>\n\n        \n                    <div class=\"flex flex-col px-6\">\n                <p class=\"text-base text-cu-black-700\">\n                    Plus those same feature improve its search engine optimization\n                <\/p>\n            <\/div>\n        \n            <\/div>\n    \n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\">A properly nested hierarchy of sub-headings within the page, and clear, succinct paragraphs of text mean a page will perform better in search engine results, be easier to navigate for users with screen readers, and flags visual cues to those not using screen readers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Those without disabilities can benefit from accessible design in different situations. For instance, we can employ captions when watching a video when in noisy or quiet spaces.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Therefore, when we improve the accessibility Carleton\u2019s websites, we improve those sites for everyone.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 id=\"accessibility-resources\" class=\"wp-block-heading\">Accessibility Resources<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Below are some tools you will find useful in creating accessible content or informative about the experiences of those with disabilities accessing websites. <a href=\"https:\/\/carleton.ca\/webaccessibility\">Visit our Web Accessibility website<\/a> for more detailed resources.<\/p>\n\n\n\n<h3 id=\"regulations\" class=\"wp-block-heading\">Regulations<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.w3.org\/TR\/WCAG20\/\" target=\"_blank\" rel=\"noreferrer noopener\">WCAG 2.0<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.ontario.ca\/page\/how-make-websites-accessible\" target=\"_blank\" rel=\"noreferrer noopener\">Accessibility Ontario<\/a><\/li>\n<\/ul>\n\n\n\n<h3 id=\"techniques\" class=\"wp-block-heading\">Techniques<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/webaim.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">WebAIM<\/a> (AIM = Accessibility in Mind) is a great resource for aspects of accessibility including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/webaim.org\/techniques\/alttext\/\" target=\"_blank\" rel=\"noreferrer noopener\">Accessible images<\/a> (how to use alt text tags and captions)<\/li>\n\n\n\n<li>Different types of assistive technologies such as those developed for people with <a href=\"https:\/\/webaim.org\/articles\/visual\/blind#screenreaders\" target=\"_blank\" rel=\"noreferrer noopener\">visual impairment<\/a> and <a href=\"https:\/\/webaim.org\/articles\/motor\/assistive\">motor skill<\/a> disabilities<\/li>\n<\/ul>\n\n\n\n<h3 id=\"tools\" class=\"wp-block-heading\">Tools<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">There is a great breakdown of different tools (and different types of tools) featured on the AIM website. You can <a href=\"https:\/\/webaim.org\/articles\/tools\/\" target=\"_blank\" rel=\"noreferrer noopener\">read their assessment of different tools<\/a> here.<\/p>\n\n\n\n<h4 id=\"code-sniffer\" class=\"wp-block-heading\">Code Sniffer<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Code Sniffer is a bookmarklet [a link you keep on your bookmark bar but which runs an application rather than takes you to a website] which assesses how well-formed and formatted a web page is. It is a very useful tool although some of its results are pretty technical. You can <a href=\"http:\/\/squizlabs.github.io\/HTML_CodeSniffer\/\">download Code Sniffer<\/a> here.<\/p>\n\n\n\n<h4 id=\"colour-contrast-checkers\" class=\"wp-block-heading\">Colour Contrast Checkers<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">These are tools which assesses whether there is a great enough contrast between a text colour and the background on which it is overlaid. Black on white is deemed best but sometimes we need to use another text colour (eg, for links, aor to attain a branding goal.) <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noreferrer noopener\">Visit AIM\u2019s Contrast Checke<\/a>r, or you can google \u201ccolour contrast checkers\u201d to view many other examples.<\/p>\n\n\n\n<h4 id=\"wave-accessibility-evaluation-tool\" class=\"wp-block-heading\">WAVE Accessibility Evaluation Tool<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">WAVE is a highly regarded tool for scanning sites for accessibility errors and warnings. <a href=\"https:\/\/wave.webaim.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">You can use WAVE<\/a> for free.<\/p>\n\n\n\n<h4 id=\"screen-readers\" class=\"wp-block-heading\">Screen Readers<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">We recommend visiting media which demonstrate how people with visual disabilities access web pages. It is a fascinating insight into not just the power of accessibility but also the power of the human mind to process information.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.youtube.com\/shorts\/wdFG-UXDmX4\">View video of Cory Jackson demonstrating use of a screen reader. <\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.vincit.fi\/wp-content\/uploads\/2019\/05\/essample.mp3?_=4\">Hear the speed at which Tuukka Ojala listens to code<\/a> he writes. Tuukka is a (in his words) blind software developer. Then <a href=\"https:\/\/boingboing.net\/2017\/08\/28\/this-blind-software-developer.html\" target=\"_blank\" rel=\"noreferrer noopener\">read Tuukka\u2019s story<\/a>.<\/li>\n<\/ul>\n\n\n\n<h3 id=\"power-bi-and-accessibility\" class=\"wp-block-heading\">Power BI and Accessibility<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/its-cuthemedev1.carleton.ca\/webservices\/accessibility-resources\/accessibility-for-power-bi\/\">Read our helpful pointers around accessibility<\/a> for the Power BI suite of tools from Microsoft.<\/p>\n\n\n\n<h3 id=\"readings\" class=\"wp-block-heading\">Readings<\/h3>\n\n\n\n<h4 id=\"visual-disabilities\" class=\"wp-block-heading\">Visual disabilities<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/cnib.ca\/sites\/default\/files\/2018-07\/CNIB%20Clear%20Print%20Guide.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Clear Print Accessibility Guidelines<\/a> \u2013 A guide from the CNIB on creating accessible text online and in other formats.<\/li>\n<\/ul>\n\n\n\n<h4 id=\"alt-text\" class=\"wp-block-heading\">Alt Text<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/axesslab.com\/alt-texts\/\" target=\"_blank\" rel=\"noreferrer noopener\">Alt Text: <\/a><a href=\"https:\/\/axesslab.com\/alt-texts\/\" target=\"_blank\" rel=\"noreferrer noopener\">The Ultimate Guide<\/a> \u2013 Great summary of all the basics you need to know.<\/li>\n\n\n\n<li><a href=\"https:\/\/ux.shopify.com\/the-case-for-describing-race-in-alternative-text-attributes-a093380634f2\" target=\"_blank\" rel=\"noreferrer noopener\">The case for describing race in alternative text attributes<\/a> \u2013 Very important article on why this is essential.<\/li>\n\n\n\n<li><a href=\"https:\/\/alt-text-as-poetry.net\/\" target=\"_blank\" rel=\"noreferrer noopener\">Alt Text As Poetry<\/a> \u2013 A series of tasks to make your alt text much more descriptive and accurate. Developed by Bojana Coklyat and Shannon Finnegan, two disabled artists and activists.<\/li>\n\n\n\n<li><a href=\"https:\/\/codeinstitute.net\/global\/blog\/alt-text\/\" target=\"_blank\" rel=\"noreferrer noopener\">Alt Text with Images<\/a> \u2013 from the Coding Institute.<\/li>\n<\/ul>\n\n\n\n<h4 id=\"neurodiversity\" class=\"wp-block-heading\">Neurodiversity<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/onezero.medium.com\/why-gen-z-loves-closed-captioning-ec4e44b8d02f\" target=\"_blank\" rel=\"noreferrer noopener\">Why Gen Z Loves Closed-Captioning<\/a><\/li>\n<\/ul>\n\n\n\n<h4 id=\"other\" class=\"wp-block-heading\">Other<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.nngroup.com\/articles\/pdf-unfit-for-human-consumption\/\" target=\"_blank\" rel=\"noreferrer noopener\">PDF: Still Unfit for Human Consumption, 20 Years Later<\/a> \u2013 Contraversial take on portable documents from two of the world\u2019s leading UX experts.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>A properly nested hierarchy of sub-headings within the page, and clear, succinct paragraphs of text mean a page will perform better in search engine results, be easier to navigate for users with screen readers, and flags visual cues to those not using screen readers. Those without disabilities can benefit from accessible design in different situations. [&hellip;]<\/p>\n","protected":false},"author":3,"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":[],"class_list":["post-5392","page","type-page","status-publish","hentry"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/5392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=5392"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/5392\/revisions"}],"predecessor-version":[{"id":5415,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/5392\/revisions\/5415"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=5392"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=5392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}