

{"id":2737,"date":"2025-05-05T22:25:48","date_gmt":"2025-05-05T22:25:48","guid":{"rendered":"https:\/\/stagewp.westernu.edu\/cetl\/?page_id=2737"},"modified":"2025-06-11T16:31:59","modified_gmt":"2025-06-11T16:31:59","slug":"accessibility-resources","status":"publish","type":"page","link":"https:\/\/stagewp.westernu.edu\/cetl\/resources\/accessibility-resources\/","title":{"rendered":"Accessibility Resources"},"content":{"rendered":"<section class=\"hero-secondary\">\n  <div class=\"relative bg-black\">\n                <img decoding=\"async\" class=\"adhere object-cover\" src=\"\/media\/cetl\/072823-aiahpp-at-westernu-095-e1746484741261.jpg\" srcset=\"\" sizes=\"100vw\" alt=\"A presenter stands at the front of a classroom giving a lecture on canine atopic dermatitis with a research slide projected on the screen.\">\n      <div class=\"adhere gradient-overlay\"><\/div>\n        <div class=\"relative container pt-56 md:pt-112 pb-144 md:pb-192\">\n      <div class=\"md:flex md:justify-between px-12\">\n        <div class=\"sm:w-8\/12 md:w-6\/12 xl:w-5\/12 px-12\">\n                      <div class=\"mb-20\">\n              <div class=\"block font-sans font-bold text-14 text-white leading-130\">\n  <span class=\"inline-block\">\n    <a href=\"\/\" class=\"block hover:underline\">WesternU<\/a>\n  <\/span>\n      <span class=\"inline-block mx-6\">\/<\/span>\n          <a href=\"https:\/\/stagewp.westernu.edu\/cetl\" class=\"inline-block hover:underline\">Center for Excellence in Teaching and Learning<\/a>\n          <span class=\"inline-block mx-6\">\/<\/span>\n      <a href=\"https:\/\/stagewp.westernu.edu\/cetl\/resources\/\" class=\"inline-block hover:underline\">Resources<\/a>\n    <span class=\"inline-block mx-6\">\/<\/span>\n    <span class=\"inline-block\"><\/span>\n  <\/div>            <\/div>\n                                        <h1 class=\"t-h1-sans  text-white\"><\/h1>\n        <\/div>\n              <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<section class=\"relative my-48 md:my-72\">\n  <div class=\"container\">\n    <div class=\"lg:flex px-12 lg:justify-start\">\n              <div class=\"w-full lg:w-5\/12 2xl:w-4\/12 -mt-80 md:-mt-112 mb-48 px-12 lg:pr-32\">\n                              <nav class=\"py-28 px-40 2xl:px-64 rounded-5 md:rounded-8 bg-gray-darker text-white mb-40\">\n            <ul>\n                                              <li class=\"block my-8\">\n                  <a class=\"text-22 font-normal leading-130 tracking-20 text-white hover:text-yellow transition-default\" href=\"https:\/\/stagewp.westernu.edu\/cetl\/resources\/\" target=\"_self\" rel=\"noopener\">Resources<\/a>\n                <\/li>\n                                              <li class=\"block my-8\">\n                  <a class=\"text-22 font-normal leading-130 tracking-20 text-white hover:text-yellow transition-default\" href=\"https:\/\/stagewp.westernu.edu\/cetl\/resources\/active-learning\/\" target=\"_self\" rel=\"noopener\">Active Learning<\/a>\n                <\/li>\n                                              <li class=\"block my-8\">\n                  <a class=\"text-22 font-normal leading-130 tracking-20 text-white hover:text-yellow transition-default\" href=\"https:\/\/stagewp.westernu.edu\/cetl\/resources\/accessibility-resources\/\" target=\"_self\" rel=\"noopener\">Accessibility Resources<\/a>\n                <\/li>\n                                              <li class=\"block my-8\">\n                  <a class=\"text-22 font-normal leading-130 tracking-20 text-white hover:text-yellow transition-default\" href=\"https:\/\/stagewp.westernu.edu\/cetl\/resources\/educational-applications\/\" target=\"_self\" rel=\"noopener\">Educational Applications<\/a>\n                <\/li>\n                                              <li class=\"block my-8\">\n                  <a class=\"text-22 font-normal leading-130 tracking-20 text-white hover:text-yellow transition-default\" href=\"https:\/\/stagewp.westernu.edu\/cetl\/resources\/elentra-resources\/\" target=\"_self\" rel=\"noopener\">Elentra Resources<\/a>\n                <\/li>\n                                              <li class=\"block my-8\">\n                  <a class=\"text-22 font-normal leading-130 tracking-20 text-white hover:text-yellow transition-default\" href=\"https:\/\/stagewp.westernu.edu\/cetl\/resources\/generative-ai-resources\/\" target=\"_self\" rel=\"noopener\">Generative AI Resources<\/a>\n                <\/li>\n                                              <li class=\"block my-8\">\n                  <a class=\"text-22 font-normal leading-130 tracking-20 text-white hover:text-yellow transition-default\" href=\"https:\/\/stagewp.westernu.edu\/cetl\/resources\/presenter-cetl-session\/\" target=\"_self\" rel=\"noopener\">Presenter \u2013 CETL Session<\/a>\n                <\/li>\n                                              <li class=\"block my-8\">\n                  <a class=\"text-22 font-normal leading-130 tracking-20 text-white hover:text-yellow transition-default\" href=\"https:\/\/stagewp.westernu.edu\/cetl\/resources\/facilitating-online-presentations\/\" target=\"_self\" rel=\"noopener\">Facilitating Online Presentations<\/a>\n                <\/li>\n                                              <li class=\"block my-8\">\n                  <a class=\"text-22 font-normal leading-130 tracking-20 text-white hover:text-yellow transition-default\" href=\"https:\/\/stagewp.westernu.edu\/cetl\/resources\/research-posters\/\" target=\"_self\" rel=\"noopener\">Research Posters<\/a>\n                <\/li>\n                                              <li class=\"block my-8\">\n                  <a class=\"text-22 font-normal leading-130 tracking-20 text-white hover:text-yellow transition-default\" href=\"https:\/\/stagewp.westernu.edu\/cetl\/rubric-writing\/\" target=\"_self\" rel=\"noopener\">Rubric Writing<\/a>\n                <\/li>\n                                              <li class=\"block my-8\">\n                  <a class=\"text-22 font-normal leading-130 tracking-20 text-white hover:text-yellow transition-default\" href=\"https:\/\/stagewp.westernu.edu\/cetl\/resources\/sotl-scholarship-of-teaching-and-learning\/\" target=\"_self\" rel=\"noopener\">SoTL: Scholarship of Teaching and Learning<\/a>\n                <\/li>\n                                              <li class=\"block my-8\">\n                  <a class=\"text-22 font-normal leading-130 tracking-20 text-white hover:text-yellow transition-default\" href=\"https:\/\/stagewp.westernu.edu\/cetl\/resources\/oer-online-educational-resources\/\" target=\"_self\" rel=\"noopener\">OER: Open Educational Resources<\/a>\n                <\/li>\n                                              <li class=\"block my-8\">\n                  <a class=\"text-22 font-normal leading-130 tracking-20 text-white hover:text-yellow transition-default\" href=\"https:\/\/stagewp.westernu.edu\/cetl\/resources\/journals\/\" target=\"_self\" rel=\"noopener\">Journals<\/a>\n                <\/li>\n                                              <li class=\"block my-8\">\n                  <a class=\"text-22 font-normal leading-130 tracking-20 text-white hover:text-yellow transition-default\" href=\"https:\/\/stagewp.westernu.edu\/cetl\/resources\/teaching-and-learning-conferences\/\" target=\"_self\" rel=\"noopener\">Teaching and Learning Conferences<\/a>\n                <\/li>\n                                              <li class=\"block my-8\">\n                  <a class=\"text-22 font-normal leading-130 tracking-20 text-white hover:text-yellow transition-default\" href=\"https:\/\/stagewp.westernu.edu\/cetl\/resources\/external-training-resources\/\" target=\"_self\" rel=\"noopener\">External Training Resources<\/a>\n                <\/li>\n                          <\/ul>\n          <\/nav>\n                            <\/div>\n      \n      \n                  \n                  \n      <div class=\"w-full px-24 wysiwyg-content lg:w-7\/12 2xl:w-7\/12\">\n        <h2>Accessibility Resources<\/h2>\n<p>On this page, you&#8217;ll find essential information about the importance of accessibility in course materials, including a brief overview of why it matters. A table outlines best practices to help you design more accessible content. Additionally, a CETL session video explains the accessibility features of commonly used applications such as Microsoft Word and PowerPoint. You can also download a helpful checklist to guide you in making your course content more accessible.<\/p>\n<p>Material and course content should be:<\/p>\n<ul>\n<li>Comparable in quality to those provided to individuals without disabilities.<\/li>\n<li>Delivered and available in a timely manner.<\/li>\n<li>Presented in formats appropriate to both the content and the needs of the user.<\/li>\n<li>Designed with accessibility principles in mind.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<section class=\"my-48 md:mt-96 md:mb-72\" vue-app>\n  <div class=\"container\">\n    <div class=\"app-gutter\">\n      <div class=\"relative md:flex md:justify-end\">\n        <div class=\"app-gutter\">\n                                  <img decoding=\"async\" class=\"md:absolute md:-top-32 md:left-0 w-full md:w-5\/12 lg:w-6\/12 h-240 sm:h-320 md:h-full object-cover rounded-t-5 md:rounded-8\" src=\"\/media\/cetl\/freepik__adjust__50919-e1748465327352.jpeg\" srcset=\"\" sizes=\"(min-width: 768px) 50vw, 100vw\" alt=\"A hand uses the trackpad of a laptop, with part of the keyboard visible in the foreground.\">\n                  <\/div>\n        <div class=\"md:w-8\/12 xl:w-7\/12 app-gutter\">\n          <div class=\"p-32 sm:p-40 md:px-0 md:py-80 rounded-b-5 md:rounded-8 bg-red\">\n            <div class=\"md:ml-1\/8 lg:ml-1\/4 xl:ml-1\/7 md:px-40 lg:px-80\">\n                              \t\t\t\t\n<div class=\"text-lockup text-lockup--red\">\n\t<h2>\n\t\t\t\t\t<span class=\"t-h2-serif  block text-yellow\">Why Accessibility Matters<\/span>\n\t\t\t\t\t<\/h2>\n\t\t\t<div class=\"wysiwyg-content t-p2 mt-24 text-white\">Accessibility ensures that all students can access and engage with course content, regardless of their individual needs. When materials and digital tools are designed to be usable by a wide range of learners, it improves the overall learning experience. This thoughtful design supports better focus, clearer communication, and increased success for more students.<br \/>\r\n<\/div>\n\t\t<\/div>\n                          <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"relative my-48 md:my-72\">\n  <div class=\"container\">\n    <div class=\"lg:flex px-12 lg:justify-center\">\n      \n      \n                  \n                  \n      <div class=\"w-full px-24 wysiwyg-content xl:w-10\/12 2xl:w-9\/12\">\n        <h2>Accessibility Best Practices<\/h2>\n<p>This a quick overview of some best practices when creating course material. Please review the more detailed checklist on this page.<\/p>\n<p><strong>Include Alt Text with all visuals<\/strong><\/p>\n<ul>\n<li>Add descriptions for images, charts, and SmartArt, ensuring screen reader compatibility.<\/li>\n<li>Help visually impaired users understand visual content, crucial for educational materials.<\/li>\n<\/ul>\n<p><strong>Ensure sufficient color contrast<\/strong><\/p>\n<ul>\n<li>Use high-contrast color schemes, e.g., black text on white background, checked with tools.<\/li>\n<li>Improves readability for low vision and colorblind students, enhancing learning outcomes.<\/li>\n<\/ul>\n<p><strong>Use 18pt font or larger<\/strong><\/p>\n<ul>\n<li>Prefer sans serif fonts like Arial, with ample white space to reduce reading load.<\/li>\n<li>Aids students with dyslexia or low vision, ensuring accessibility in lectures.<\/li>\n<\/ul>\n<p><strong>Add captions to videos<\/strong><\/p>\n<ul>\n<li>Include closed captions for all embedded videos, editing for accuracy if auto generated.<\/li>\n<li>Ensures deaf and hard-of-hearing students can access audio content, vital for instructional videos.<\/li>\n<\/ul>\n<p><strong>Avoid automatic transitions and animations<\/strong><\/p>\n<ul>\n<li>Use manual transitions, keeping animations brief and non-distracting.<\/li>\n<li>Prevents confusion for screen readers and maintains focus on content for all learners.<\/li>\n<\/ul>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<section class=\"relative mt-48 md:mt-72\">\n  <div class=\"absolute top-128 bottom-0 left-0 w-full bg-gray\"><\/div>\n  <div class=\"container relative pb-80 md:pb-112\">\n    <div class=\"px-24\">\n      <div class=\"bg-red py-48 md:py-64 relative px-24 sm:px-40 text-white rounded-5 md:rounded-8 md:text-center overflow-hidden\">\n                <div class=\"relative\">\n                      <h2 class=\"t-h2-sans  block text-white\"> Accessibility Checklist<\/h2>\n                                <p class=\"t-p2 mt-24 md:w-8\/12 mx-auto\">This checklist highlights the most common content areas that can be made accessible when developing course materials or using a Learning Management System.<\/p>\n                                <ul class=\"md:flex md:flex-wrap md:justify-center md:items-center md:mt-32\">\n              \t\t\t\t                        <li class=\"block md:mx-8 mt-32 md:mt-20\">\n                  <a class=\"cta-pill cta-pill--yellow w-full md:min-w-208\" href=\"\/media\/cetl\/accessibility-checklist-1.pdf\" target=\"_blank\" rel=\"noopener\">Download Accessibility Checklist<\/a>                <\/li>\n\t\t\t\t                                  <\/ul>\n                  <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"my-48 md:mt-96 md:mb-72\" vue-app>\n  <div class=\"container\">\n\n        <div class=\"flex flex-wrap md:justify-center md:items-center lg:px-112\">\n      <div class=\"w-full md:w-6\/12 pl-12 pr-20\">\n        <div class=\"rounded-5 md:rounded-8 bg-red\">\n          <div class=\"relative w-full h-256 sm:h-320 md:h-440 rounded-5 md:rounded-8 transform -translate-y-10 translate-x-8 md:-translate-y-18 md:translate-x-16 overflow-hidden\">\n\n                                      <img decoding=\"async\" class=\"adhere object-cover\" src=\"\/media\/cetl\/o_1iq92rvfn1ef51rae6t1jkrmor16.png\" srcset=\"\" sizes=\"(min-width: 768px) 50vw, 100vw\" alt=\"Presentation slide titled &quot;Click, Learn, Include: Practical Accessibility Tips for Faculty&quot; by Jonathan Peterson, CETL Instructional Designer, dated April 24, 2025. Western University logo.\">\n                                                    <app-modal-button modal-id=\"callout-video-left-248661749\" class=\"adhere flex justify-center items-center group\" data-ga-category=\"video\" data-ga-label=\"embed\">\n                <span class=\"sr-only\">Open video modal<\/span>\n                <span class=\"block w-80 h-80 p-20 bg-red-light group-hover:bg-red text-white rounded-full transition-default\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\" fill=\"currentColor\"><\/path><\/svg>\n                <\/span>\n              <\/app-modal-button>\n            \n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"md:w-6\/12 mt-40 md:mt-0 px-12 md:pb-40 md:pl-40 xl:pl-80\">\n                  \t\t\t\t\n<div class=\"text-lockup text-lockup--default\">\n\t<h2>\n\t\t\t\t\t<span class=\"t-h2-serif  block text-red-light\">CETL Session<\/span>\n\t\t\t\t\t\t\t<span class=\"t-h2-sans  block text-red\">Click, Learn, Include: Practical Accessibility Tips for Faculty<\/span>\n\t\t\t<\/h2>\n\t\t\t<div class=\"wysiwyg-content t-p2 mt-24 text-black\">View the recorded CETL Session on accessibility for course material.<br \/>\r\n<br \/>\r\nThis CETL session explores  accessibility principles and how to apply them within a Learning Management System (LMS) to create inclusive learning environments. Attendees will learn strategies for ensuring course content meets accessibility standards, including document formatting, alternative text, color contrast, and multimedia captioning and more!  <br \/>\r\n<br \/>\r\nLearning Objectives:<br \/>\r\n<br \/>\r\n&#8211; Explain the importance of accessibility in supporting diverse learners.<br \/>\r\n&#8211; List key accessibility features available in the LMS.<br \/>\r\n&#8211; Describe best practices for creating accessible documents, images, and multimedia content.<br \/>\r\n<br \/>\r\nPresenter:<br \/>\r\nJonathan Peterson MEd <br \/>\r\nCETL Instructional Designer<\/div>\n\t\t\t\t\t\t<div class=\"mt-28\">\n\t\t\t<a class=\"cta-arrow cta-arrow--red \" href=\"https:\/\/mediaweb.westernu.edu\/Mediasite\/Play\/95ff8b4536774f21bf46a477fb1825081d\" target=\"_blank\" rel=\"noopener\">\n    Link to Presentation<svg class=\"cta-arrow__icon d-block w-16 ml-12\" viewBox=\"0 0 20 16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><polygon fill=\"currentColor\" points=\"11.3168217 0 9.27266614 2.39591605 14.0042587 6.6137266 8.92524936 6.42314237 0 6.42314237 0 9.57685763 8.92524936 9.57685763 14.0042587 9.3862734 9.19197579 13.6063528 11.3168217 16 20 8\"><\/polygon><\/svg>\n<\/a>\n\t\t<\/div>\n\t\t\t<\/div>\n              <\/div>\n    <\/div>\n\n    \n  <\/div>\n<\/div>\n\n  <transition-modal vue-app>\n  <app-modal modal-id=\"callout-video-left-248661749\">\n    <div class=\"container md:px-24 my-auto\">\n      <div class=\"relative bg-black\">\n        <app-modal-button modal-id=\"callout-video-left-248661749\" class=\"absolute top-0 right-0 z-1 w-48 h-48 flex justify-center items-center bg-red-light hover:bg-red text-white text-32 leading-0 transition-colors duration-3 ease-linear focus:shadow-focus focus:outline-none\">\n          <span class=\"sr-only\">Close Modal<\/span>\n          <svg class=\"w-24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 22.138 19\" aria-hidden=\"true\"><path d=\"M12.483,9.5l9.655,8.286L20.724,19l-9.655-8.286L1.414,19,0,17.786,9.655,9.5,0,1.214,1.414,0l9.655,8.286L20.724,0l1.414,1.214Z\" fill-rule=\"evenodd\" fill=\"currentColor\"\/><\/svg>\n        <\/app-modal-button>\n        <div class=\"embed-container\">\n                      <iframe src=\"https:\/\/mediaweb.westernu.edu\/Mediasite\/Play\/95ff8b4536774f21bf46a477fb1825081d\" width=\"640\" height=\"360\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n                  <\/div>\n      <\/div>\n    <\/div>\n  <\/app-modal>\n<\/transition-modal>","protected":false},"excerpt":{"rendered":"","protected":false},"author":261,"featured_media":0,"parent":1212,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-2737","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/stagewp.westernu.edu\/cetl\/wp-json\/wp\/v2\/pages\/2737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stagewp.westernu.edu\/cetl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stagewp.westernu.edu\/cetl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stagewp.westernu.edu\/cetl\/wp-json\/wp\/v2\/users\/261"}],"replies":[{"embeddable":true,"href":"https:\/\/stagewp.westernu.edu\/cetl\/wp-json\/wp\/v2\/comments?post=2737"}],"version-history":[{"count":20,"href":"https:\/\/stagewp.westernu.edu\/cetl\/wp-json\/wp\/v2\/pages\/2737\/revisions"}],"predecessor-version":[{"id":2966,"href":"https:\/\/stagewp.westernu.edu\/cetl\/wp-json\/wp\/v2\/pages\/2737\/revisions\/2966"}],"up":[{"embeddable":true,"href":"https:\/\/stagewp.westernu.edu\/cetl\/wp-json\/wp\/v2\/pages\/1212"}],"wp:attachment":[{"href":"https:\/\/stagewp.westernu.edu\/cetl\/wp-json\/wp\/v2\/media?parent=2737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}