{"id":4699,"date":"2025-05-14T10:42:38","date_gmt":"2025-05-14T14:42:38","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?p=4699"},"modified":"2025-05-14T11:10:23","modified_gmt":"2025-05-14T15:10:23","slug":"introducing-our-new-alt-text-checker","status":"publish","type":"post","link":"https:\/\/carleton.ca\/cutheme-docs\/2025\/introducing-our-new-alt-text-checker\/","title":{"rendered":"Introducing Our New Alt Text Checker"},"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                        Introducing Our New Alt Text Checker \n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p>We are excited to announce a new website feature to enhance accessibility and improve user experience. This feature automatically checks whether an image has alt text, helping to ensure that all images are properly described for users who rely on screen readers.<\/p>\n\n\n\n<h2 id=\"how-it-works\" class=\"wp-block-heading\">How it Works<\/h2>\n\n\n\n<p>If an image on your page does not have alt text, a message will be displayed, and the image will be surrounded by a red border. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"526\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2025\/05\/example-image-1024x526.png\" alt=\"Screenshot of image with accessibility cues - red border and written warning\" class=\"wp-image-4702\" style=\"width:700px\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2025\/05\/example-image-1024x526.png 1024w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2025\/05\/example-image-512x263.png 512w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2025\/05\/example-image-320x164.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2025\/05\/example-image-768x394.png 768w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2025\/05\/example-image-1536x789.png 1536w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2025\/05\/example-image-2048x1051.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>These visual cues help you identify which images need attention. The page cannot be published until the alt text issue is resolved. This helps ensure that all content meets accessibility standards before going live.<\/p>\n\n\n\n<p>To address this, you have two options:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Add Alt Text<\/strong>: If the image requires a description, add the appropriate alt text.<\/li>\n\n\n\n<li><strong>Mark as Decorative<\/strong>: If the image is purely decorative and does not convey essential information, you can toggle the &#8220;Please confirm this image is decorative&#8221; option under block settings at the right.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"548\" height=\"646\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2025\/05\/screenshot-accessibility.png\" alt=\"Screenshot showing accessibility options - where to add alt text and toggle if decorative\" class=\"wp-image-4701\" style=\"width:300px\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2025\/05\/screenshot-accessibility.png 548w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2025\/05\/screenshot-accessibility-512x604.png 512w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2025\/05\/screenshot-accessibility-320x377.png 320w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/><\/figure>\n\n\n\n<p>For more detailed information on using alt text effectively, please refer to <a href=\"https:\/\/webaim.org\/techniques\/alttext\/\">WebAIM&#8217;s comprehensive guide on Alternative Text<\/a>.<\/p>\n\n\n\n<p>Feel free to reach out if you have any questions or need further assistance!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are excited to announce a new website feature to enhance accessibility and improve user experience. This feature automatically checks whether an image has alt text, helping to ensure that all images are properly described for users who rely on screen readers. How it Works If an image on your page does not have alt [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[1],"tags":[],"class_list":["post-4699","post","type-post","status-publish","format-standard","hentry","category-news"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts\/4699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=4699"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts\/4699\/revisions"}],"predecessor-version":[{"id":4711,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts\/4699\/revisions\/4711"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=4699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/categories?post=4699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/tags?post=4699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}