{"id":18811,"date":"2023-02-17T13:56:30","date_gmt":"2023-02-17T18:56:30","guid":{"rendered":"https:\/\/carleton.ca\/webservices\/?p=18811"},"modified":"2024-06-08T22:04:42","modified_gmt":"2024-06-09T02:04:42","slug":"scantastic-news-for-accessible-websites","status":"publish","type":"post","link":"https:\/\/carleton.ca\/webservices\/2023\/scantastic-news-for-accessible-websites\/","title":{"rendered":"Scantastic news for accessible websites"},"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                        Scantastic news for accessible websites\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n<p>As we have said before, the community of people who maintain websites at Carleton (that\u2019s you!) is great at being supportive and proactive about accessibility. To maintain this momentum, we are offering to scan websites for accessibility, to check for any errors in our template or your content.<\/p>\n\n\n\n<h2 id=\"how-we-assess-accessibility\" class=\"wp-block-heading\">How we assess accessibility<\/h2>\n\n\n\n<p>There are two elements to the process. To start, we use a third-party application called PopeTech to scan a website. This involves counting the number of pages, posts, events, and any other types of post or page on the site and feeding the total into the application. It indexes every page and post on the site. We can then run the scan over all those indexed pages.<\/p>\n\n\n\n<p>The other part of the process is browsing through the site to sample a portion of the content. (We look at between ten and twenty percent of all pages.) This is because not every component of web content can be assessed by a robot (which is what refer to the PopeTech application as). An example would be alt text on an image. PopeTech cannot tell if a piece of alt text is appropriate, or whether an image even needs alt text in the first place. Some things need a human.<\/p>\n\n\n\n<h2 id=\"whats-the-outcome\" class=\"wp-block-heading\">What\u2019s the outcome?<\/h2>\n\n\n\n<p>From the PopeTech scan we receive a report detailing any errors on the site. There are two ways in which to numerate the errors on a website:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The number of errors on a website<\/li>\n\n\n\n<li>The number of <em>instances<\/em> of those errors on a website<\/li>\n<\/ul>\n\n\n\n<p>It is an important distinction. It could spell the difference between have one error repeated 500 times on your website, and having 500 different errors dotted around the pages. One error repeated 500 times often means the problem is in the template, not in your content.<\/p>\n\n\n\n<p>From our visual audit of the site we pull together a list of any less than optimally accessible content, areas for improvement, areas of excellence.<\/p>\n\n\n\n<h2 id=\"were-in-this-together\" class=\"wp-block-heading\">We\u2019re in this together<\/h2>\n\n\n\n<p>There are two general areas in which accessibility errors can occur: the template and the content. Web Services controls the template; you control the content.<\/p>\n\n\n\n<p>When we report back to you about accessibility errors we will be very clear about which errors are in the template, and which are part of the content that you control.<\/p>\n\n\n\n<h2 id=\"examples\" class=\"wp-block-heading\">Examples<\/h2>\n\n\n\n<p>There is a lot to take in when it comes to accessibility. To help process everything we will provide you with a list of errors with details of why it is important to correct each issue, and suggestions on how to achieve this. Let\u2019s take a look at a couple of examples:<\/p>\n\n\n\n<h3 id=\"issue-1-missing-form-label\" class=\"wp-block-heading\">Issue 1: &nbsp;Missing form label<\/h3>\n\n\n\n<p>Location: <a href=\"https:\/\/carleton.ca\/your-site\/your-page\">https:\/\/carleton.ca\/your-site\/your-page<\/a><\/p>\n\n\n\n<p>Responsibility: Web Services<\/p>\n\n\n\n<p>Your action: None<\/p>\n\n\n\n<h3 id=\"issue-2-table-missing-heading-row-th\" class=\"wp-block-heading\">Issue 2: Table missing heading row (&lt;th&gt;)<\/h3>\n\n\n\n<p>Location: <a href=\"https:\/\/carleton.ca\/your-site\/your-page\">https:\/\/carleton.ca\/your-site\/your-page<\/a><\/p>\n\n\n\n<p>Responsibility: Website owner<\/p>\n\n\n\n<p>Significance: The header row &lt;th&gt; helps associate table cells with the correct row\/column headers. A header row that contains no text may result in cells with missing or incorrect header information. This makes it harder to access and interpret the content of the table for users employing a screen reading application to browse this page.<\/p>\n\n\n\n<p>Your action: Add a header row to your table in order to establish a label for each column in the table. Please <a href=\"https:\/\/itsjira.carleton.ca\/servicedesk\/customer\/portal\/5\/create\/168\">contact Web Services via the ITS Service Desk<\/a> if you require assistance with this.<\/p>\n\n\n\n<h3 id=\"issue-3-linked-image-being-used-as-a-link-does-not-possess-alt-text\" class=\"wp-block-heading\">Issue 3: Linked image being used as a link does not possess alt text.<\/h3>\n\n\n\n<p>Location: <a href=\"https:\/\/carleton.ca\/your-site\/your-page\">https:\/\/carleton.ca\/your-site\/your-page<\/a><\/p>\n\n\n\n<p>Responsibility: Website owner<\/p>\n\n\n\n<p>Significance: Unlike ordinary images, images being used as links must have a piece of alt text attributed to them. This text should describe what will happen\/where the user will be taken if they click the image. E.g., <em>Register for this event now<\/em><\/p>\n\n\n\n<p>&#8212;<\/p>\n\n\n\n<p>Hopefully this gives you some idea of what to expect if you <a href=\"https:\/\/carleton.ca\/webservices\/request-an-accessibility-scan\/\">request an accessibility scan from Web Services<\/a>. We take accessibility very seriously. We don\u2019t have all the answers but we will certainly do all we can help to make your websites as accessible as possible.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As we have said before, the community of people who maintain websites at Carleton (that\u2019s you!) is great at being supportive and proactive about accessibility. To maintain this momentum, we are offering to scan websites for accessibility, to check for any errors in our template or your content. How we assess accessibility There are two [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[197],"tags":[],"class_list":["post-18811","post","type-post","status-publish","format-standard","hentry","category-accessibility"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/18811","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/comments?post=18811"}],"version-history":[{"count":0,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/18811\/revisions"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/media?parent=18811"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/categories?post=18811"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/tags?post=18811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}