{"id":93,"date":"2021-09-24T16:43:01","date_gmt":"2021-09-24T16:43:01","guid":{"rendered":"https:\/\/www.butler.edu\/academic-technology\/accessibility\/"},"modified":"2026-01-20T10:29:24","modified_gmt":"2026-01-20T15:29:24","slug":"accessibility","status":"publish","type":"page","link":"https:\/\/www.butler.edu\/oeet\/resources\/accessibility\/","title":{"rendered":"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\">Resources 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\/oeet\/resources\/course-mapping-and-slos\/\" class=\"sidebar-menu__listLink\" >Course Mapping and Student Learning Outcomes (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\/oeet\/resources\/content-design\/\" class=\"sidebar-menu__listLink\" >Content Design<\/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\/oeet\/resources\/course-management\/\" class=\"sidebar-menu__listLink\" >Course Administration and Management<\/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\/oeet\/resources\/course-facilitation\/\" class=\"sidebar-menu__listLink\" >Course Environment and Facilitation<\/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\/oeet\/resources\/instructional-activities\/\" class=\"sidebar-menu__listLink\" >Instructional Activities<\/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\/oeet\/resources\/accessibility\/\" class=\"sidebar-menu__listLink\" >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\/oeet\/resources\/tools\/\" class=\"sidebar-menu__listLink\" >BU Supported Tools<\/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-accessibility\">Accessibility<\/h1>\n\n\n\n<p>We encourage all faculty, not just those with students needing accommodations, to design their courses and content to be accessible. Use Universal Design for Learning principles to design content in an accessible way for all learners. To take a first step to learn more about accessibility, complete the <a href=\"https:\/\/butler.instructure.com\/courses\/19750\/pages\/afm-overview?module_item_id=461317\" target=\"_blank\" rel=\"noopener\">Keeping Accessibility Front of Mind<\/a> training module. You can also visit the <a href=\"https:\/\/butleru.my.site.com\/askbutler\/s\/article\/Accessibility-Help-Index\">Accessibility Help Index in Ask.Butler<\/a> to learn more about the various ways to make your content accessible.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-the-law\">The Law<\/h2>\n\n\n\n<p>According to Section 508 of the Rehabilitation Act, any electronic information or technology developed, purchased, maintained, or used by Butler University must provide equitable access and use for individuals with disabilities. The access and use must be comparable to that provided to individuals without disabilities.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-universal-design\">Universal Design<\/h2>\n\n\n\n<p>Universal Design, or Inclusive Design, is the design and creation of environments both physical and digital that can be accessed, understood, and used to the greatest extent possible by all people regardless of their age, physical stature, preferences, disability, or ability. It should be a fundamental goal to design environments that meet the needs of all people. Incorporating the needs of all people results in spaces, products, and service that are useful, beneficial and enjoyable for all.\u00a0Developing your electronic materials using Universal Design principles is easy and simply, good design.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-syllabus-requirement\">Syllabus Requirement<\/h2>\n\n\n\n<p>The Butler University accommodation statement must be included on all your course syllabi. You can find the statement on the <a href=\"https:\/\/www.butler.edu\/academic-services\/disability\/faculty-resources\/syllabus-statement\/\" target=\"_blank\" rel=\"noreferrer noopener\">SDS website.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-resources-for-faculty\">Resources for Faculty<\/h2>\n\n\n\n<p>OEET has a variety of resources and services to help you create accessible materials. Make a one-on-one consultation appointment, attend one of our accessibility workshops, or explore the resources below.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-accessibility-quick-wins\">Accessibility Quick Wins<\/h3>\n\n\n\n<p><strong><a href=\"https:\/\/www.butler.edu\/oeet\/resources\/accessibility\/accessibility-quick-wins\/\" target=\"_blank\" rel=\"noreferrer noopener\">Accessibility Quick Wins<\/a><\/strong> is a curated collection of short, practical tips designed to make digital accessibility simple and approachable. Each Quick Win is presented in video format and focuses on a single skill or concept that can be implemented in under 10 minutes to help make your courses more accessible and inclusive for all students. All Quick Wins are available on our <a href=\"https:\/\/www.butler.edu\/oeet\/resources\/accessibility\/accessibility-quick-wins\/\" target=\"_blank\" rel=\"noreferrer noopener\">Accessibility Quick Wins page<\/a> for you to explore at your own pace.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-accessibility-help-articles-in-ask-butler\">Accessibility Help Articles in Ask.Butler<\/h3>\n\n\n\n<p>Before you begin creating accessible pages, documents, or videos, it\u2019s essential to understand the core principles that shape effective accessibility design. The resources below from our <a href=\"https:\/\/butleru.my.site.com\/askbutler\/s\/article\/Accessibility-Help-Index\" target=\"_blank\" rel=\"noreferrer noopener\">Accessibility Help Index in Ask.Butler<\/a> offer practical guidance and insights into a range of accessibility best practices and techniques.<\/p>\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-696f9f5356c9c-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-696f9f5356c9c_acc-content-panel'>\n\t\t\t<div id='block_acf-block-696f9f5356c9c-acc-title' class='acc-title'>\n\t\t\t\tAccessibility in Canvas: Ally\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-696f9f5356c9c-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-696f9f5356c9c-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-696f9f5356c9c-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p>Butler has a campus-wide license for Ally, an accessibility tool integrated into all Canvas courses. For instructors, Ally automatically scans course content for accessibility issues and identifies areas that may need improvement. For students, Ally offers alternative formats, such as audio, ePub, electronic braille, BeeLine Reader, and more. This helps make course materials more accessible and flexible to meet individual student needs. For more information on using Ally, please see the links below:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/butleru.my.site.com\/askbutler\/s\/article\/Ally-Help-Index-Instructors\" target=\"_blank\" rel=\"noreferrer noopener\">Ally Help Index (Instructors)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/butleru.my.site.com\/askbutler\/s\/article\/Ally-Help-Index-Students\" target=\"_blank\" rel=\"noreferrer noopener\">Ally Help Index (Students)<\/a><\/li>\n<\/ul>\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-696f9f5356c9c-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-696f9f5356c9c-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-696f9f5356c9c-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-696f9f5356c9c-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-696f9f5356c9c-acc-title' );\n\n\t\t\t$( '#block_acf-block-696f9f5356c9c-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-696f9f5356cb4-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-696f9f5356cb4_acc-content-panel'>\n\t\t\t<div id='block_acf-block-696f9f5356cb4-acc-title' class='acc-title'>\n\t\t\t\tAlternative Text (Alt Text)\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-696f9f5356cb4-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-696f9f5356cb4-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-696f9f5356cb4-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p>Alternative text (alt text) is essential because it ensures that images are accessible to everyone, including people who use screen readers. It provides a written description of an image\u2019s content or purpose, allowing users who can\u2019t see the image to still understand the information it conveys. The following help article has more information on alternative text:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/butleru.my.site.com\/askbutler\/s\/article\/Alternative-text\" target=\"_blank\" rel=\"noreferrer noopener\">Accessibility: Alternative Text (Alt Text)<\/a><\/li>\n<\/ul>\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-696f9f5356cb4-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-696f9f5356cb4-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-696f9f5356cb4-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-696f9f5356cb4-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-696f9f5356cb4-acc-title' );\n\n\t\t\t$( '#block_acf-block-696f9f5356cb4-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-696f9f5356cf3-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-696f9f5356cf3_acc-content-panel'>\n\t\t\t<div id='block_acf-block-696f9f5356cf3-acc-title' class='acc-title'>\n\t\t\t\tHeadings\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-696f9f5356cf3-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-696f9f5356cf3-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-696f9f5356cf3-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p>Headings are important for accessibility because they provide structure and organization to a page, making it easier for all users to navigate and understand the content. Screen reader users rely on headings to move quickly between sections and get an overview of the page\u2019s layout. Properly nested headings also help convey the hierarchy of information, ensuring that everyone can access and interpret the content as intended. The following help article has more information on using headings:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/butleru.my.site.com\/askbutler\/s\/article\/Accessible-Headings\" target=\"_blank\" rel=\"noreferrer noopener\">Accessibility: Headings<\/a><\/li>\n<\/ul>\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-696f9f5356cf3-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-696f9f5356cf3-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-696f9f5356cf3-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-696f9f5356cf3-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-696f9f5356cf3-acc-title' );\n\n\t\t\t$( '#block_acf-block-696f9f5356cf3-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-696f9f5356d0b-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-696f9f5356d0b_acc-content-panel'>\n\t\t\t<div id='block_acf-block-696f9f5356d0b-acc-title' class='acc-title'>\n\t\t\t\tColor Contrast\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-696f9f5356d0b-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-696f9f5356d0b-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-696f9f5356d0b-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p>Color contrast is essential for accessibility because it ensures that text and other visual elements are readable by everyone, including people with low vision or color blindness. Without sufficient contrast, users may struggle to read content or miss key information. Good contrast improves usability for everyone. For more information on color contrast, please see the link below:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/butleru.my.site.com\/askbutler\/s\/article\/Accessible-Color-Contrast\" target=\"_blank\" rel=\"noreferrer noopener\">Accessibility: Color Contrast<\/a><\/li>\n<\/ul>\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-696f9f5356d0b-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-696f9f5356d0b-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-696f9f5356d0b-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-696f9f5356d0b-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-696f9f5356d0b-acc-title' );\n\n\t\t\t$( '#block_acf-block-696f9f5356d0b-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-696f9f5356d1f-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-696f9f5356d1f_acc-content-panel'>\n\t\t\t<div id='block_acf-block-696f9f5356d1f-acc-title' class='acc-title'>\n\t\t\t\tLists\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-696f9f5356d1f-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-696f9f5356d1f-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-696f9f5356d1f-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p>An accessible list is a list that is properly structured so all users, including those using assistive technologies like screen readers, can easily understand and navigate it. This means using built\u2011in list formatting (bulleted or numbered) rather than manually typing symbols. This ensures the list has a clear order or hierarchy, and keeps the items consistent and easy to read. For more information on creating accessible lists, please see the link below:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/butleru.my.site.com\/askbutler\/s\/article\/Accessibility-Lists\" target=\"_blank\" rel=\"noreferrer noopener\">Accessibility: Lists<\/a><\/li>\n<\/ul>\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-696f9f5356d1f-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-696f9f5356d1f-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-696f9f5356d1f-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-696f9f5356d1f-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-696f9f5356d1f-acc-title' );\n\n\t\t\t$( '#block_acf-block-696f9f5356d1f-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-696f9f5356d32-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-696f9f5356d32_acc-content-panel'>\n\t\t\t<div id='block_acf-block-696f9f5356d32-acc-title' class='acc-title'>\n\t\t\t\tHyperlinks\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-696f9f5356d32-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-696f9f5356d32-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-696f9f5356d32-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p>Accessible hyperlink text is important because it helps all users understand where the link will take them, especially those using screen readers. Vague phrases like \u201cclick here\u201d or \u201cread more\u201d don\u2019t provide enough context when read out of order. Descriptive link text improves navigation and ensures users can efficiently find and understand your content. For more information on creating accessible hyperlinks, please see the link below:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/butleru.my.site.com\/askbutler\/s\/article\/Accessible-Hyperlinks\" target=\"_blank\" rel=\"noreferrer noopener\">Accessibility: Hyperlinks<\/a><\/li>\n<\/ul>\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-696f9f5356d32-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-696f9f5356d32-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-696f9f5356d32-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-696f9f5356d32-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-696f9f5356d32-acc-title' );\n\n\t\t\t$( '#block_acf-block-696f9f5356d32-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-696f9f5356d6a-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-696f9f5356d6a_acc-content-panel'>\n\t\t\t<div id='block_acf-block-696f9f5356d6a-acc-title' class='acc-title'>\n\t\t\t\tTables\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-696f9f5356d6a-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-696f9f5356d6a-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-696f9f5356d6a-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p>It\u2019s important that tables are accessible so they allow users to understand and navigate data accurately. When tables are properly structured, screen readers can more easily identify column and row headers, and data cells. For more information on creating accessible tables, please see the link below:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/butleru.my.site.com\/askbutler\/s\/article\/Accessibility-Tables\" target=\"_blank\" rel=\"noreferrer noopener\">Accessibility: Tables<\/a><\/li>\n<\/ul>\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-696f9f5356d6a-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-696f9f5356d6a-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-696f9f5356d6a-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-696f9f5356d6a-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-696f9f5356d6a-acc-title' );\n\n\t\t\t$( '#block_acf-block-696f9f5356d6a-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-696f9f5356d92-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-696f9f5356d92_acc-content-panel'>\n\t\t\t<div id='block_acf-block-696f9f5356d92-acc-title' class='acc-title'>\n\t\t\t\tVideo Captioning\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-696f9f5356d92-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-696f9f5356d92-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-696f9f5356d92-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p>Captioning is essential for accessibility because it ensures that individuals who are deaf or hard of hearing can access audio content. Captions also benefit non-native speakers, support learning in noisy or quiet environments, and improve comprehension and retention for all learners. Providing captions helps create a more inclusive and equitable learning experience for everyone. For more information about captioning across Butler&#8217;s various video tools, please see the link below:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/butleru.my.site.com\/askbutler\/s\/article\/Accessibility-Captioning\" target=\"_blank\" rel=\"noreferrer noopener\">Accessibility: Captioning and Transcripts<\/a><\/li>\n<\/ul>\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-696f9f5356d92-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-696f9f5356d92-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-696f9f5356d92-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-696f9f5356d92-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-696f9f5356d92-acc-title' );\n\n\t\t\t$( '#block_acf-block-696f9f5356d92-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-696f9f5356da7-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-696f9f5356da7_acc-content-panel'>\n\t\t\t<div id='block_acf-block-696f9f5356da7-acc-title' class='acc-title'>\n\t\t\t\tDocuments\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-696f9f5356da7-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-696f9f5356da7-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-696f9f5356da7-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p>Accessible documents are important because they ensure that all users, including those with disabilities, can read and interact with digital content. Features like readable text, proper heading structure, alt text for images, and adequate color contrast make documents usable with assistive technologies such as screen readers. Creating accessible documents promotes equity and helps all learners engage fully with course materials. For more information and step-by-step guides on creating accessible Google Docs, Microsoft 365, and Adobe PDF documents, please see the links below:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/butleru.my.site.com\/askbutler\/s\/article\/Google-Docs-Accessibility-Help-Index\" target=\"_blank\" rel=\"noreferrer noopener\">Google Docs Accessibility Help Index<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/butleru.my.site.com\/askbutler\/s\/article\/Microsoft-365-Accessibility-Index\" target=\"_blank\" rel=\"noreferrer noopener\">Microsoft 365 Accessibility Index<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/butleru.my.site.com\/askbutler\/s\/article\/PDF-Accessibility-Help-Index\" target=\"_blank\" rel=\"noreferrer noopener\">PDF Document Accessibility Help Index<\/a><\/li>\n<\/ul>\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-696f9f5356da7-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-696f9f5356da7-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-696f9f5356da7-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-696f9f5356da7-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-696f9f5356da7-acc-title' );\n\n\t\t\t$( '#block_acf-block-696f9f5356da7-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\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":119,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-93","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>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\/accessibility\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accessibility\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.butler.edu\/oeet\/resources\/accessibility\/\" \/>\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=\"2026-01-20T15:29:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.butler.edu\/www\/sites\/9\/2022\/02\/08101843\/butler-social.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"5 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\/accessibility\/\",\"url\":\"https:\/\/www.butler.edu\/oeet\/resources\/accessibility\/\",\"name\":\"Accessibility | Butler University\",\"isPartOf\":{\"@id\":\"https:\/\/www.butler.edu\/oeet\/#website\"},\"datePublished\":\"2021-09-24T16:43:01+00:00\",\"dateModified\":\"2026-01-20T15:29:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.butler.edu\/oeet\/resources\/accessibility\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.butler.edu\/oeet\/resources\/accessibility\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.butler.edu\/oeet\/resources\/accessibility\/#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\":\"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":"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\/accessibility\/","og_locale":"en_US","og_type":"article","og_title":"Accessibility","og_url":"https:\/\/www.butler.edu\/oeet\/resources\/accessibility\/","og_site_name":"Online Education and Educational Technology","article_publisher":"https:\/\/www.facebook.com\/butleruniversity","article_modified_time":"2026-01-20T15:29:24+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/cdn.butler.edu\/www\/sites\/9\/2022\/02\/08101843\/butler-social.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@butleru","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.butler.edu\/oeet\/resources\/accessibility\/","url":"https:\/\/www.butler.edu\/oeet\/resources\/accessibility\/","name":"Accessibility | Butler University","isPartOf":{"@id":"https:\/\/www.butler.edu\/oeet\/#website"},"datePublished":"2021-09-24T16:43:01+00:00","dateModified":"2026-01-20T15:29:24+00:00","breadcrumb":{"@id":"https:\/\/www.butler.edu\/oeet\/resources\/accessibility\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.butler.edu\/oeet\/resources\/accessibility\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.butler.edu\/oeet\/resources\/accessibility\/#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":"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\/93","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\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/comments?post=93"}],"version-history":[{"count":29,"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/pages\/93\/revisions"}],"predecessor-version":[{"id":3411,"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/pages\/93\/revisions\/3411"}],"up":[{"embeddable":true,"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/pages\/119"}],"wp:attachment":[{"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/media?parent=93"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}