{"id":1240,"date":"2022-10-17T14:01:58","date_gmt":"2022-10-17T18:01:58","guid":{"rendered":"https:\/\/www.butler.edu\/academic-technology\/?page_id=1240"},"modified":"2024-05-03T09:22:23","modified_gmt":"2024-05-03T13:22:23","slug":"inclusivity","status":"publish","type":"page","link":"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/","title":{"rendered":"Inclusivity and Accessibility"},"content":{"rendered":"<section class=\"wysiwyg wysiwyg-primary-block alignfull\" >\n\t<div class=\"container grid-default wysiwyg__container\">\n\t\t\t\t\t\t<nav class=\"sidebar-menu \" aria-label=\"Site Menu\" id=\"page-nav\">\n\t\t<div class=\"sidebar-menu__wrapper\">\n\t\t\t<header class=\"sidebar-menu__header\">\n\t\t\t\t<span class=\"sidebar-menu__headerLabel\">Course Design Rubric Menu<\/span>\n\n\t\t\t\t\t\t\t\t<button class=\"sidebar-menu__mobileToggle\" title=\"Toggle Menu\" :aria-expanded=\"mobileOpen\"><\/button>\n\t\t\t\t\t\t\t<\/header>\n\n\t\t\t<ul class=\"sidebar-menu__list\" v-show=\"mobileOpen\">\n\t\t\t\t\t\t\t\t\t<li class=\"sidebar-menu__listItem initial-item\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.butler.edu\/academic-technology\/resources\/content-design\/course-design-rubric\/course-introductions\/\" class=\"sidebar-menu__listLink\" >Course Introductions<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"sidebar-menu__listItem initial-item\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.butler.edu\/academic-technology\/resources\/content-design\/course-design-rubric\/course-organization\/\" class=\"sidebar-menu__listLink\" >Course Organization<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"sidebar-menu__listItem initial-item\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.butler.edu\/academic-technology\/resources\/content-design\/course-design-rubric\/slos\/\" class=\"sidebar-menu__listLink\" >SLOs<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"sidebar-menu__listItem initial-item\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.butler.edu\/academic-technology\/resources\/content-design\/course-design-rubric\/assessments\/\" class=\"sidebar-menu__listLink\" >Assessments<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"sidebar-menu__listItem initial-item\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.butler.edu\/academic-technology\/resources\/content-design\/course-design-rubric\/materials\/\" class=\"sidebar-menu__listLink\" >Instructional Materials<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"sidebar-menu__listItem initial-item\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.butler.edu\/academic-technology\/resources\/content-design\/course-design-rubric\/inclusivity\/\" class=\"sidebar-menu__listLink\" >Inclusivity and Accessibility<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"sidebar-menu__listItem initial-item\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.butler.edu\/academic-technology\/resources\/content-design\/course-design-rubric\/references\/\" class=\"sidebar-menu__listLink\" >References<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\n\t\t\t<\/nav>\n\t\t\t\t<div class=\"wysiwyg__wrapper wysiwyg__wrapper--hasSidebar\">\n\t\t\t<!-- content from editor -->\n\t\t\t<div class=\"wysiwyg__content wysiwyg__contentContainer\">\n\t\t\t\t<div class=\"acf-innerblocks-container\">\n\n<h1 class=\"wp-block-heading\" id=\"h-inclusivity-and-accessibility\">Inclusivity and Accessibility<\/h1>\n\n\n\n<div class=\"acc-flex-container\">\n\t<div class=\"acc-title-container\" role=\"heading\" aria-level=\"3\">\n\t\t<button id='block_acf-block-6634e50e2dd85-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-6634e50e2dd85_acc-content-panel'>\n\t\t\t<div id='block_acf-block-6634e50e2dd85-acc-title' class='acc-title'>\n\t\t\t\t41. Climate of respect.\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-6634e50e2dd85-acc-img' class='acc-icon' src='https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png' \/>\n\t\t<\/button>\n\t<\/div>\n\t<div role=\"region\" aria-hidden='true'\n\t\tid='block_acf-block-6634e50e2dd85-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-6634e50e2dd85-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p><em>Through the course content, the instructor fosters a climate of respect, inclusivity, fairness, and trust among the community of learners.<\/em><\/p>\n\n\n\n<p>The course employs language and practices that encourage learners to feel a sense of belonging and community. Fostering respect and trust in the course creates an atmosphere of inclusivity and fairness. This is often achieved through the instructor\u2019s presence being visible in the course. Engaging with and actively seeking all students\u2019 input and respectfully negotiating academic and personal differences is important. Students who feel a sense of belonging are more apt to complete not only the course, but the program, and they are also more likely to transfer the learned skills to novel experiences.<\/p>\n\n\n\n<p>Evidence of the instructor\u2019s effort to foster a climate of respect, inclusivity, and fairness may include facilitating discussions that honor and respect differences of opinions and cultural uniqueness; utilizing learner-centered language; focusing on finding consensus and agreement; inviting students to share relevant, meaningful, personal reflections; and creating space for individual differentiation and culturally defined experiences in a considerate way that honors the diverse student population.<\/p>\n\n\n\n<p>For more information on inclusive practices, refer to the Understanding Your Online Learners or Understanding Your Learners unit.<\/p>\n\n<\/div>\t<\/div>\n\t<script type=\"text\/javascript\">\n\t\t( function( $ ) {\n\t\t\tlet panel = document.getElementById('block_acf-block-6634e50e2dd85-acc-content-panel');\n\n\t\t\t\/*\n\t\t\t * Need to set a value for maxHeight to initialize the accordion properly.\n\t\t\t * If we don't include this conditional, the accordion doesn't nicely transition to open\/close on the first click.\n\t\t\t *\/\n\t\t\tif ( 1 == 0 ) {\n\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t} else {\n\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t}\n\n\t\t\t$( '#block_acf-block-6634e50e2dd85-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-6634e50e2dd85-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-6634e50e2dd85-acc-img' );\n\t\t\t\t\/*\n\t\t\t\t * If the panel is open, close it by setting its height to 0px.\n\t\t\t\t * If it's closed, i.e. its height is 0px, open it b setting its height to fit-content if in backend, or scrollHeight if frontend.\n\t\t\t\t * This is necessary because transitions do not work on height: fit-content, causing the accordion to snap open and shut instantly.\n\t\t\t\t *\/\n\t\t\t\tif ( panel.style.maxHeight != '0px' ) {\n\t\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t\t} else {\n\t\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t\t}\n\n\t\t\t\tlet expanded = row.getAttribute( 'aria-expanded' );\n\t\t\t\tif ( expanded == 'true' ) {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'false' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png';\n\t\t\t\t} else {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'true' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'false' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_close.png';\n\t\t\t\t}\n\t\t\t} ) ); \/\/End .click\n\n\t\t\tlet highlightColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-blue-bright' );\n\t\t\tlet textColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-primary' );\n\t\t\tlet title = document.getElementById( 'block_acf-block-6634e50e2dd85-acc-title' );\n\n\t\t\t$( '#block_acf-block-6634e50e2dd85-acc-row' ).hover( function() {\n\t\t\t\ttitle.style.backgroundColor = highlightColor;\n\t\t\t\ttitle.style.color = textColor;\n\t\t\t}, function() {\n\t\t\t\ttitle.style.backgroundColor = '';\n\t\t\t\ttitle.style.color = '';\n\t\t\t} ); \/\/End .hover\n\n\t\t} )( jQuery );\n\t<\/script>\n<\/div>\n\n\n\n<div class=\"acc-flex-container\">\n\t<div class=\"acc-title-container\" role=\"heading\" aria-level=\"3\">\n\t\t<button id='block_acf-block-6634e50e2dd9e-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-6634e50e2dd9e_acc-content-panel'>\n\t\t\t<div id='block_acf-block-6634e50e2dd9e-acc-title' class='acc-title'>\n\t\t\t\t42. Consistent and appealing design.\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-6634e50e2dd9e-acc-img' class='acc-icon' src='https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png' \/>\n\t\t<\/button>\n\t<\/div>\n\t<div role=\"region\" aria-hidden='true'\n\t\tid='block_acf-block-6634e50e2dd9e-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-6634e50e2dd9e-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p><em>The course visual design is consistent, relevant, appealing, and easily viewable regardless of device.<\/em><\/p>\n\n\n\n<p>All course content is strategically designed to enhance visual appeal, aid comprehension, and reflect&nbsp;<a class=\"in-cell-link\" href=\"https:\/\/www.butler.edu\/marketing\/brand-toolkit\/\" rel=\"noopener\" target=\"_blank\">Butler\u2019s Brand Toolkit<\/a>. Page layouts are consistently formatted and easily viewed regardless of device. Strong visual design includes appropriate use of titles and headings, white space, meaningful images and graphics, and color. Consider utilizing the Canvas Template for foundational elements to help create an effective course design. For more information on best practices related to visual design, refer to the Enhancing the Visual Appeal of Your Course unit.<\/p>\n\n<\/div>\t<\/div>\n\t<script type=\"text\/javascript\">\n\t\t( function( $ ) {\n\t\t\tlet panel = document.getElementById('block_acf-block-6634e50e2dd9e-acc-content-panel');\n\n\t\t\t\/*\n\t\t\t * Need to set a value for maxHeight to initialize the accordion properly.\n\t\t\t * If we don't include this conditional, the accordion doesn't nicely transition to open\/close on the first click.\n\t\t\t *\/\n\t\t\tif ( 1 == 0 ) {\n\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t} else {\n\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t}\n\n\t\t\t$( '#block_acf-block-6634e50e2dd9e-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-6634e50e2dd9e-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-6634e50e2dd9e-acc-img' );\n\t\t\t\t\/*\n\t\t\t\t * If the panel is open, close it by setting its height to 0px.\n\t\t\t\t * If it's closed, i.e. its height is 0px, open it b setting its height to fit-content if in backend, or scrollHeight if frontend.\n\t\t\t\t * This is necessary because transitions do not work on height: fit-content, causing the accordion to snap open and shut instantly.\n\t\t\t\t *\/\n\t\t\t\tif ( panel.style.maxHeight != '0px' ) {\n\t\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t\t} else {\n\t\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t\t}\n\n\t\t\t\tlet expanded = row.getAttribute( 'aria-expanded' );\n\t\t\t\tif ( expanded == 'true' ) {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'false' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png';\n\t\t\t\t} else {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'true' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'false' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_close.png';\n\t\t\t\t}\n\t\t\t} ) ); \/\/End .click\n\n\t\t\tlet highlightColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-blue-bright' );\n\t\t\tlet textColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-primary' );\n\t\t\tlet title = document.getElementById( 'block_acf-block-6634e50e2dd9e-acc-title' );\n\n\t\t\t$( '#block_acf-block-6634e50e2dd9e-acc-row' ).hover( function() {\n\t\t\t\ttitle.style.backgroundColor = highlightColor;\n\t\t\t\ttitle.style.color = textColor;\n\t\t\t}, function() {\n\t\t\t\ttitle.style.backgroundColor = '';\n\t\t\t\ttitle.style.color = '';\n\t\t\t} ); \/\/End .hover\n\n\t\t} )( jQuery );\n\t<\/script>\n<\/div>\n\n\n\n<div class=\"acc-flex-container\">\n\t<div class=\"acc-title-container\" role=\"heading\" aria-level=\"3\">\n\t\t<button id='block_acf-block-6634e50e2ddb5-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-6634e50e2ddb5_acc-content-panel'>\n\t\t\t<div id='block_acf-block-6634e50e2ddb5-acc-title' class='acc-title'>\n\t\t\t\t43. Legible and error-free text.\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-6634e50e2ddb5-acc-img' class='acc-icon' src='https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png' \/>\n\t\t<\/button>\n\t<\/div>\n\t<div role=\"region\" aria-hidden='true'\n\t\tid='block_acf-block-6634e50e2ddb5-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-6634e50e2ddb5-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p><em>Text is appropriately and consistently sized, styled, chunked, organized, and free of typographical errors.<\/em><\/p>\n\n\n\n<p>All text in the course maximizes readability through appropriate and consistent sizing, style, formatting, organization, and chunking of information. Additionally, the course is free of typographical, grammatical, and mechanical errors.<\/p>\n\n<\/div>\t<\/div>\n\t<script type=\"text\/javascript\">\n\t\t( function( $ ) {\n\t\t\tlet panel = document.getElementById('block_acf-block-6634e50e2ddb5-acc-content-panel');\n\n\t\t\t\/*\n\t\t\t * Need to set a value for maxHeight to initialize the accordion properly.\n\t\t\t * If we don't include this conditional, the accordion doesn't nicely transition to open\/close on the first click.\n\t\t\t *\/\n\t\t\tif ( 1 == 0 ) {\n\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t} else {\n\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t}\n\n\t\t\t$( '#block_acf-block-6634e50e2ddb5-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-6634e50e2ddb5-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-6634e50e2ddb5-acc-img' );\n\t\t\t\t\/*\n\t\t\t\t * If the panel is open, close it by setting its height to 0px.\n\t\t\t\t * If it's closed, i.e. its height is 0px, open it b setting its height to fit-content if in backend, or scrollHeight if frontend.\n\t\t\t\t * This is necessary because transitions do not work on height: fit-content, causing the accordion to snap open and shut instantly.\n\t\t\t\t *\/\n\t\t\t\tif ( panel.style.maxHeight != '0px' ) {\n\t\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t\t} else {\n\t\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t\t}\n\n\t\t\t\tlet expanded = row.getAttribute( 'aria-expanded' );\n\t\t\t\tif ( expanded == 'true' ) {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'false' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png';\n\t\t\t\t} else {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'true' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'false' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_close.png';\n\t\t\t\t}\n\t\t\t} ) ); \/\/End .click\n\n\t\t\tlet highlightColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-blue-bright' );\n\t\t\tlet textColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-primary' );\n\t\t\tlet title = document.getElementById( 'block_acf-block-6634e50e2ddb5-acc-title' );\n\n\t\t\t$( '#block_acf-block-6634e50e2ddb5-acc-row' ).hover( function() {\n\t\t\t\ttitle.style.backgroundColor = highlightColor;\n\t\t\t\ttitle.style.color = textColor;\n\t\t\t}, function() {\n\t\t\t\ttitle.style.backgroundColor = '';\n\t\t\t\ttitle.style.color = '';\n\t\t\t} ); \/\/End .hover\n\n\t\t} )( jQuery );\n\t<\/script>\n<\/div>\n\n\n\n<div class=\"acc-flex-container\">\n\t<div class=\"acc-title-container\" role=\"heading\" aria-level=\"3\">\n\t\t<button id='block_acf-block-6634e50e2ddcb-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-6634e50e2ddcb_acc-content-panel'>\n\t\t\t<div id='block_acf-block-6634e50e2ddcb-acc-title' class='acc-title'>\n\t\t\t\t44. Accessibility.\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-6634e50e2ddcb-acc-img' class='acc-icon' src='https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png' \/>\n\t\t<\/button>\n\t<\/div>\n\t<div role=\"region\" aria-hidden='true'\n\t\tid='block_acf-block-6634e50e2ddcb-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-6634e50e2ddcb-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p><em>All course content meets accessibility legal requirements.<\/em><\/p>\n\n\n\n<p><a class=\"in-cell-link\" href=\"https:\/\/udlguidelines.cast.org\/\" rel=\"noopener\" target=\"_blank\">Universal Design for Learning (UDL)<\/a>&nbsp;emphasizes that all learners benefit from course content that is perceptible, varied, and flexible. Additionally, Butler is legally bound to create fully accessible course content, regardless of the enrolled student population (per&nbsp;<a class=\"in-cell-link\" href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" rel=\"noopener\" target=\"_blank\">Web Content Accessibility Guidelines (WCAG 2.0<\/a>),&nbsp;<a class=\"in-cell-link\" href=\"https:\/\/www.access-board.gov\/ict\/\" rel=\"noopener\" target=\"_blank\">Information and Communication Technology (ICT) Accessibility 508 Standards<\/a>, and the&nbsp;<a class=\"in-cell-link\" href=\"https:\/\/beta.ada.gov\/resources\/web-guidance\/\" rel=\"noopener\" target=\"_blank\">Americans with Disabilities Act (ADA)<\/a>).<\/p>\n\n\n\n<p>For example, all images in the course should be accompanied by textual representations (alt text).<\/p>\n\n\n\n<p>Documents should utilize heading and paragraph styles, sans-serif fonts, visible and contrasting colors, descriptive links, and table headings and be accessible by a screen reader. Additionally, instructors should avoid written materials that rely on shape, size, or color of text alone to convey meaning.<\/p>\n\n\n\n<p>Video and audio content should include accurate closed captioning and transcripts of the audio and image content.<\/p>\n\n\n\n<p>For more information on how to create accessible course content, refer to Applying Universal Design for Learning and Leveraging Accessibility for Student Success units.<\/p>\n\n<\/div>\t<\/div>\n\t<script type=\"text\/javascript\">\n\t\t( function( $ ) {\n\t\t\tlet panel = document.getElementById('block_acf-block-6634e50e2ddcb-acc-content-panel');\n\n\t\t\t\/*\n\t\t\t * Need to set a value for maxHeight to initialize the accordion properly.\n\t\t\t * If we don't include this conditional, the accordion doesn't nicely transition to open\/close on the first click.\n\t\t\t *\/\n\t\t\tif ( 1 == 0 ) {\n\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t} else {\n\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t}\n\n\t\t\t$( '#block_acf-block-6634e50e2ddcb-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-6634e50e2ddcb-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-6634e50e2ddcb-acc-img' );\n\t\t\t\t\/*\n\t\t\t\t * If the panel is open, close it by setting its height to 0px.\n\t\t\t\t * If it's closed, i.e. its height is 0px, open it b setting its height to fit-content if in backend, or scrollHeight if frontend.\n\t\t\t\t * This is necessary because transitions do not work on height: fit-content, causing the accordion to snap open and shut instantly.\n\t\t\t\t *\/\n\t\t\t\tif ( panel.style.maxHeight != '0px' ) {\n\t\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t\t} else {\n\t\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t\t}\n\n\t\t\t\tlet expanded = row.getAttribute( 'aria-expanded' );\n\t\t\t\tif ( expanded == 'true' ) {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'false' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png';\n\t\t\t\t} else {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'true' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'false' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_close.png';\n\t\t\t\t}\n\t\t\t} ) ); \/\/End .click\n\n\t\t\tlet highlightColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-blue-bright' );\n\t\t\tlet textColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-primary' );\n\t\t\tlet title = document.getElementById( 'block_acf-block-6634e50e2ddcb-acc-title' );\n\n\t\t\t$( '#block_acf-block-6634e50e2ddcb-acc-row' ).hover( function() {\n\t\t\t\ttitle.style.backgroundColor = highlightColor;\n\t\t\t\ttitle.style.color = textColor;\n\t\t\t}, function() {\n\t\t\t\ttitle.style.backgroundColor = '';\n\t\t\t\ttitle.style.color = '';\n\t\t\t} ); \/\/End .hover\n\n\t\t} )( jQuery );\n\t<\/script>\n<\/div>\n\n<\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n<\/section>\n\n\n<section class=\"wysiwyg wysiwyg-secondary-block alignfull\" >\n\t<div class=\"container grid-default wysiwyg__container\">\n\t\t\t\t<div class=\"wysiwyg__wrapper wysiwyg__wrapper--hasSidebar\">\n\t\t\t<!-- content from editor -->\n\t\t\t<div class=\"wysiwyg__content wysiwyg__contentContainer\">\n\t\t\t\t<div class=\"acf-innerblocks-container\">\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"403\" height=\"141\" src=\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/05\/by-nc-sa.png\" alt=\"CC BY-NC-SA icon\" class=\"wp-image-2562\" style=\"width:146px;height:auto\" srcset=\"https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/05\/08101825\/by-nc-sa.png 403w, https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/05\/08101825\/by-nc-sa-300x105.png 300w\" sizes=\"auto, (max-width: 403px) 100vw, 403px\" \/><\/figure>\n<\/div>\n\n\n<p>This work is created by Butler+ and is licensed under<a href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/4.0\/\"> CC BY-NC-SA 4.0<\/a>.<\/p>\n\n<\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":61,"featured_media":0,"parent":1128,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1240","page","type-page","status-publish","hentry"],"revision_note":"","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v26.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Inclusivity and Accessibility | Butler University<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Inclusivity and Accessibility\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Education and Educational Technology\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/butleruniversity\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-03T13:22:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/05\/by-nc-sa.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@butleru\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/\",\"url\":\"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/\",\"name\":\"Inclusivity and Accessibility | Butler University\",\"isPartOf\":{\"@id\":\"https:\/\/www.butler.edu\/oeet\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/05\/by-nc-sa.png\",\"datePublished\":\"2022-10-17T18:01:58+00:00\",\"dateModified\":\"2024-05-03T13:22:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/#primaryimage\",\"url\":\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/05\/by-nc-sa.png\",\"contentUrl\":\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/05\/by-nc-sa.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.butler.edu\/oeet\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/www.butler.edu\/oeet\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Content Design\",\"item\":\"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Course Design Rubric\",\"item\":\"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Inclusivity and Accessibility\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.butler.edu\/oeet\/#website\",\"url\":\"https:\/\/www.butler.edu\/oeet\/\",\"name\":\"Online Education and Educational Technology\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.butler.edu\/oeet\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.butler.edu\/oeet\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.butler.edu\/oeet\/#organization\",\"name\":\"Butler University\",\"url\":\"https:\/\/www.butler.edu\/oeet\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.butler.edu\/oeet\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2022\/01\/cropped-fav.jpg\",\"contentUrl\":\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2022\/01\/cropped-fav.jpg\",\"width\":512,\"height\":512,\"caption\":\"Butler University\"},\"image\":{\"@id\":\"https:\/\/www.butler.edu\/oeet\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/butleruniversity\",\"https:\/\/x.com\/butleru\",\"http:\/\/instagram.com\/butleru\",\"https:\/\/www.linkedin.com\/school\/14798\/\",\"https:\/\/www.youtube.com\/user\/butleruniversity\",\"https:\/\/en.wikipedia.org\/wiki\/Butler_University\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Inclusivity and Accessibility | Butler University","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/","og_locale":"en_US","og_type":"article","og_title":"Inclusivity and Accessibility","og_url":"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/","og_site_name":"Online Education and Educational Technology","article_publisher":"https:\/\/www.facebook.com\/butleruniversity","article_modified_time":"2024-05-03T13:22:23+00:00","og_image":[{"url":"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/05\/by-nc-sa.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@butleru","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/","url":"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/","name":"Inclusivity and Accessibility | Butler University","isPartOf":{"@id":"https:\/\/www.butler.edu\/oeet\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/#primaryimage"},"image":{"@id":"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/#primaryimage"},"thumbnailUrl":"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/05\/by-nc-sa.png","datePublished":"2022-10-17T18:01:58+00:00","dateModified":"2024-05-03T13:22:23+00:00","breadcrumb":{"@id":"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/#primaryimage","url":"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/05\/by-nc-sa.png","contentUrl":"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/05\/by-nc-sa.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/inclusivity\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.butler.edu\/oeet\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/www.butler.edu\/oeet\/resources\/"},{"@type":"ListItem","position":3,"name":"Content Design","item":"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/"},{"@type":"ListItem","position":4,"name":"Course Design Rubric","item":"https:\/\/www.butler.edu\/oeet\/resources\/content-design\/course-design-rubric\/"},{"@type":"ListItem","position":5,"name":"Inclusivity and Accessibility"}]},{"@type":"WebSite","@id":"https:\/\/www.butler.edu\/oeet\/#website","url":"https:\/\/www.butler.edu\/oeet\/","name":"Online Education and Educational Technology","description":"","publisher":{"@id":"https:\/\/www.butler.edu\/oeet\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.butler.edu\/oeet\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.butler.edu\/oeet\/#organization","name":"Butler University","url":"https:\/\/www.butler.edu\/oeet\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.butler.edu\/oeet\/#\/schema\/logo\/image\/","url":"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2022\/01\/cropped-fav.jpg","contentUrl":"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2022\/01\/cropped-fav.jpg","width":512,"height":512,"caption":"Butler University"},"image":{"@id":"https:\/\/www.butler.edu\/oeet\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/butleruniversity","https:\/\/x.com\/butleru","http:\/\/instagram.com\/butleru","https:\/\/www.linkedin.com\/school\/14798\/","https:\/\/www.youtube.com\/user\/butleruniversity","https:\/\/en.wikipedia.org\/wiki\/Butler_University"]}]}},"_links":{"self":[{"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/pages\/1240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/users\/61"}],"replies":[{"embeddable":true,"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/comments?post=1240"}],"version-history":[{"count":11,"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/pages\/1240\/revisions"}],"predecessor-version":[{"id":2580,"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/pages\/1240\/revisions\/2580"}],"up":[{"embeddable":true,"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/pages\/1128"}],"wp:attachment":[{"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/media?parent=1240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}