CINXE.COM
Digital Accessibility Services | Accessibility | USU
<!DOCTYPE HTML><html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Digital Accessibility Services | Accessibility | USU</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="author" content="Utah State University"> <meta name="language" content="en"> <meta name="robots" content="follow, all"> <meta name="revisit-after" content="5 days"> <link rel="icon" href="https://www.usu.edu/favicon.ico" type="image/x-icon"> <meta name="Description" content="Electronic and Information Technology Accessibility Resources to support inclusion and access to our programs and experiences."> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.usu.edu/accessibility/index"> <meta property="og:image" content=" /accessibility/images/home-landing-page/general-resources.jpg"> <meta property="og:title" content="Digital Accessibility Services"> <meta property="og:description" content="Electronic and Information Technology Accessibility Resources to support inclusion and access to our programs and experiences."> <link rel="dns-prefetch" href="https://fonts.googleapis.com"> <link rel="dns-prefetch" href="https://ajax.googleapis.com"> <link rel="dns-prefetch" href="https://stackpath.bootstrapcdn.com"> <link rel="dns-prefetch" href="https://www.googletagmanager.com"> <link rel="dns-prefetch" href="https://www.google-analytics.com.com"> <link rel="dns-prefetch" href="https://cse.google.com"> <link rel="stylesheet" type="text/css" href="https://www.usu.edu/assets/bs4/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://www.usu.edu/assets/bs4/css/main.css"> <link rel="stylesheet" type="text/css" href="https://templateresources.usu.edu/_resources/css/global-custom.css"> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WPLCQ7L');</script> </head> <body class="ou"> <div class="alert text-center cookiealert d-none" role="alert"><span class="text-access text-white text-roboto">Utah State University sites use cookies. By continuing to use this site you accept our <a href="https://www.usu.edu/privacy/" target="_blank">privacy and cookie policy</a>.</span><button type="button" class="btn btn-primary acceptcookies m-3"> I agree </button></div><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPLCQ7L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><a href="#content" class="sr-only sr-only-focusable p-1">Skip to content</a><header> <div id="site-header" class="d-none d-lg-block"> <nav class="accordion" id="site-header-nav" aria-label="Quick Menu"> <div id="header-quicklinks" class="collapse" data-parent="#site-header-nav"> <div class="container"> <div class="row"> <div class="col d-flex justify-content-end py-3"> <ul class="list-inline small m-0 mr-3" role="navigation"> <li class="list-inline-item"><a href="https://www.usu.edu/apply/">Apply</a></li> <li class="list-inline-item"><a href="https://www.usu.edu/visit/">Visit</a></li> <li class="list-inline-item"><a href="https://www.usu.edu/advancement/">Give</a></li> <li class="list-inline-item"><a href="https://www.usu.edu/calendar/">Calendar</a></li> <li class="list-inline-item"><a href="https://www.usu.edu/azindex/">A-Z Index</a></li> <li class="list-inline-item"><a href="https://directory.usu.edu/">Directory</a></li> <li class="list-inline-item"><a href="https://library.usu.edu/">Libraries</a></li> </ul> </div> </div> </div> </div> <nav class="navbar navbar-expand py-0 my-0 pl-lg-3"> <div class="container"> <div class="collapse navbar-collapse"> <ul class="navbar-nav"> <li class="nav-item"><a id="quick-links" class="nav-link small px-1 px-lg-2" role="button" href="#" data-toggle="collapse" data-target="#header-quicklinks" aria-controls="header-quicklinks" aria-expanded="false"><i class="fa-solid fa-list mr-2"></i>QUICK LINKS </a></li> <li class="nav-item"><a class="nav-link small px-1 px-lg-2" href="https://my.usu.edu"><i class="fa-solid fa-user mr-2"></i>MyUSU</a></li> <li class="nav-item"><a id="header-search-btn" class="nav-link small px-1 px-lg-2 search-btn" href="#" role="button" aria-haspopup="dialog"><i class="fa-solid fa-magnifying-glass mr-2"></i>SEARCH </a></li> </ul> </div> </div> </nav> </nav> <div class="container d-none d-lg-block"> <div class="row"> <div class="header-brand-wrapper-inline pt-2 ml-lg-3 has-unit"><a class="align-self-center" href="https://www.usu.edu/"><img class="img-fluid" srcset="https://www.usu.edu/assets/bs4/images/logos/utah-state-logo-220.png 220w, https://www.usu.edu/assets/bs4/images/logos/utah-state-logo-350.png 350w" sizes="(max-width: 1199.98px) 220px, 350px" src="https://www.usu.edu/assets/bs4/images/logos/utah-state-logo-350.png" alt="Utah State University"></a><div class="brand-inline ml-3 pl-3"><a class="header-brand" href="/accessibility/index.php"> Accessibility </a> <!-- <a class="header-sub-brand" href="#"> Parent Organization </a> --></div> </div> <div class="d-flex align-self-end ml-auto p-3 tagline text-white"></div> </div> </div> </div> <section id="search-overlay" role="dialog"> <div class="close-btn"><button id="close-search" type="button" class="btn btn-lg ml-auto m-3 p-2" aria-label="Close"><span class="sr-only">Close search</span><i class="fas fa-times"></i></button></div> <div class="container"> <div class="row justify-content-center"> <form class="col-12 col-sm-10 col-lg-8" name="search_form" id="search_form" method="get" action="https://www.usu.edu/search/"> <h2 class="my-5 text-bold">Search Utah State University:</h2> <fieldset> <legend class="sr-only">I want to search</legend> <div class="custom-control custom-radio custom-control-inline"><input type="radio" id="all_sites" name="search_type" class="custom-control-input" page="https://www.usu.edu/search/" checked value="Search USU sites"><label class="custom-control-label text-white h4" for="all_sites">All USU sites</label></div> <div class="custom-control custom-radio custom-control-inline"><input type="radio" id="people" name="search_type" class="custom-control-input" page="https://www.usu.edu/directory/" value="Search people"><label class="custom-control-label text-white h4" for="people">People</label></div> </fieldset> <div class="input-group my-3"><label for="search_terms" class="sr-only">Search terms</label><input type="text" name="q" id="search_terms" class="form-control" placeholder="Search USU sites" aria-label="Search"><div class="input-group-append"><button class="btn" type="submit" id="submit-search"><span class="sr-only">Submit search</span><i class="fa-solid fa-magnifying-glass"></i></button></div> </div> </form> </div> </div> </section> </header> <nav id="master-nav" class="navbar nav-white navbar-expand-lg sticky-top px-0" aria-label="Main menu"> <div class="container pt-0 px-0"> <div id="offcanvas-backdrop" tabindex="-1" aria-hidden="true"></div> <div class="nav-brand-wrapper pl-0"> <div class="d-flex flex-column justify-content-center ml-2 ml-sm-3 mr-2 my-3 pr-1"><a href="https://www.usu.edu"><img class="img-fluid pr-1 pr-sm-2 lazyload" src="https://www.usu.edu/assets/bs4/images/logos/u-state-logo.png" width="72" height="55" alt="UState logo"></a></div> <a class="nav-brand py-3" href="/accessibility/index.php">Accessibility</a><button class="navbar-toggler custom-toggler mr-sm-2 px-2" type="button" data-toggle="offcanvas" aria-haspopup="dialog"><span class="sr-only">Open main menu</span><span class="navbar-toggler-icon"></span></button></div> <div class="navbar-collapse offcanvas-collapse" id="main-navbar" role="dialog" aria-label="Main navigation"> <div class="offcanvas-header px-2"><button type="button" class="btn my-2 offcanvas-close" data-toggle="offcanvas"><i class="fa-solid fa-xmark mr-1"></i> Close </button><button type="button" id="offcanvas-search-btn" class="btn search-btn ml-auto my-2" aria-haspopup="dialog"><span class="sr-only">Open search</span><i class="fa-solid fa-magnifying-glass fa-lg"></i></button></div> <ul class="navbar-nav"><li class="nav-item"><a class="nav-link" href="/accessibility/index.php">Home</a></li> <li class="nav-item dropdown dropdown-hover mega-menu"><a id="navbarDropdownMenu12" class="nav-link dropdown-toggle" role="button" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Captions<i class="fas fa-lg fa-angle-down ml-auto ml-lg-2"></i></a> <div class="offcanvas-collapse-sub"> <div class="offcanvas-header px-2"><button class="btn my-2 offcanvas-back" type="button"><i class="fas fa-times mr-1"></i> Close</button> <div class="align-self-center mx-3">Captions</div> </div> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenu12"> <div class="container"> <div class="row"> <div class="col-lg-3 dropdown-flex-col border order-lg-1"><span class="col-title">General</span> <ul> <li><a class="dropdown-item" href="/accessibility/captions/index.php">Overview</a></li> <li><a class="dropdown-item" href="/accessibility/captions/what-are-captions.php">What Are Captions</a></li> <li><a class="dropdown-item" href="/accessibility/captions/benefits.php">Benefits of Captions</a></li> <li><a class="dropdown-item" href="/accessibility/captions/canvas-course.php">Captions Canvas Course</a></li> <li><a class="dropdown-item" href="/accessibility/policy/standards/captions/index.php">USU Caption Standard</a></li> </ul> </div> <div class="col-lg-3 dropdown-flex-col border order-lg-2"><span class="col-title">3Play Media</span> <ul> <li><a class="dropdown-item" href="/accessibility/captions/caption-pricing.php">Pricing</a></li> <li><a class="dropdown-item" href="/accessibility/captions/3play.php">Submitting Videos To Be Captioned</a></li> <li><a class="dropdown-item" href="/accessibility/captions/3play-faqs.php">FAQs</a></li> <li><a class="dropdown-item" href="/accessibility/captions/3play-reauthenticate-channel.php">Reauthenticate YouTube Channel</a></li> <li><a class="dropdown-item" href="/accessibility/captions/3play-connect-your-youtube-channel.php">Connect USU YouTube Channel</a></li> </ul> </div> <div class="col-lg-3 dropdown-flex-col border order-lg-3"><span class="col-title">Editing Captions</span> <ul> <li><a class="dropdown-item" href="/accessibility/policy/standards/captions/quality-standards.php">Quality Standards</a></li> <li><a class="dropdown-item" href="/accessibility/captions/transcripts.php">Creating Transcripts</a></li> <li><a class="dropdown-item" href="/accessibility/captions/youtube.php">Editing YouTube Captions</a></li> <li><a class="dropdown-item" href="/accessibility/captions/youtube-upload-a-caption-file.php">Uploading YouTube Caption Files</a></li> <li><a class="dropdown-item" href="/accessibility/captions/non-speech-captions.php">Non-Speech Captions</a></li> </ul> </div> <div class="col-lg-3 dropdown-flex-col order-lg-4"><span class="col-title">Helps</span> <ul> <li><a class="dropdown-item" href="/accessibility/captions/questions-and-support.php">Questions and Support</a></li> <li><a class="dropdown-item" href="/accessibility/captions/technical-help.php">Technical Support</a></li> </ul> </div> </div> </div> </div> </div> </li> <li class="nav-item dropdown dropdown-hover"><a id="navbarDropdownMenu1" class="nav-link dropdown-toggle" role="button" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Documents <i class="fas fa-lg fa-angle-down ml-auto ml-lg-2 "></i></a> <div class="offcanvas-collapse-sub"> <div class="offcanvas-header px-2"><a class="p-3 offcanvas-back" role="button" href="#" aria-label="Back"> <span><i class="fas fa-angle-left fa-lg mr-2"></i>Back</span> <span>Documents</span> </a></div> <ul class="dropdown-menu list-unstyled" aria-labelledby="navbarDropdownMenu1"> <li><a class="dropdown-item" href="/accessibility/documents/index.php">Overview</a></li> <li><a class="dropdown-item" href="/accessibility/documents/document-accessibility.php">Document Accessibility Course</a></li> <li><a class="dropdown-item" href="/accessibility/documents/indesign-accessibility.php">InDesign Accessibility</a></li> <li><a class="dropdown-item" href="/accessibility/documents/word-accessibility.php">Microsoft Word Accessibility</a></li> <li><a class="dropdown-item" href="/accessibility/documents/pdf-accessibility.php">PDF Accessibility</a></li> <li><a class="dropdown-item" href="/accessibility/documents/powerpoint-accessibility.php">Microsoft Powerpoint Accessibility</a></li> </ul> </div> </li> <li class="nav-item dropdown"><a id="navbarDropdown2col" class="nav-link dropdown-toggle" role="button" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Resources<i class="fas fa-lg fa-angle-down ml-auto ml-lg-2"></i> </a> <div class="offcanvas-collapse-sub"> <div class="offcanvas-header px-2"><button class="btn my-2 offcanvas-back" type="button"><i class="fas fa-times mr-1"></i> Close</button> <div class="align-self-center mx-3">Resources</div> </div> <div class="dropdown-menu dropdown-menu-left multi-column multi-column-2" aria-labelledby="navbarDropdown2col"> <div class="container"> <div class="row d-flex flex-row"> <div class=" col-lg-6 dropdown-flex-col border"> <ul> <li><a class="dropdown-item" href="/accessibility/resources/index.php">Overview</a></li> <li><a class="dropdown-item" href="/accessibility/resources/accessibility-basics.php">Accessibility Basics</a></li> <li><a class="dropdown-item" href="/accessibility/resources/accessible-events.php">Accessible Events</a></li> <li><a class="dropdown-item" href="/accessibility/resources/podcasts.php">Accessible Podcasts</a></li> <li><a class="dropdown-item" href="/accessibility/resources/alt-text-basics.php">Alt Text Basics</a></li> <li><a class="dropdown-item" href="/accessibility/resources/color-and-accessibility.php">Color and Accessibility</a></li> </ul> </div> <div class=" col-lg-6 dropdown-flex-col"> <ul> <li><a class="dropdown-item" href="/accessibility/resources/computer-lab-accessibility.php">Computer Lab Accessibility</a></li> <li><a class="dropdown-item" href="/accessibility/resources/keyboard-accessibility.php">Keyboard Accessibility</a></li> <li><a class="dropdown-item" href="/accessibility/resources/link-accessibility.php">Link Accessibility</a></li> <li><a class="dropdown-item" href="/accessibility/resources/social-media.php">Social Media Accessibility</a></li> <li><a class="dropdown-item" href="/accessibility/resources/table-accessibility.php">Table Accessibility</a></li> </ul> </div> </div> </div> </div> </div> </li> <li class="nav-item dropdown dropdown-hover"><a id="navbarDropdownMenu1" class="nav-link dropdown-toggle" role="button" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Web Accessibility <i class="fas fa-lg fa-angle-down ml-auto ml-lg-2 "></i></a> <div class="offcanvas-collapse-sub"> <div class="offcanvas-header px-2"><a class="p-3 offcanvas-back" role="button" href="#" aria-label="Back"> <span><i class="fas fa-angle-left fa-lg mr-2"></i>Back</span> <span>Web Accessibility</span> </a></div> <ul class="dropdown-menu list-unstyled" aria-labelledby="navbarDropdownMenu1"> <li><a class="dropdown-item" href="/accessibility/web-accessibility/index.php">Overview</a></li> <li><a class="dropdown-item" href="/accessibility/web-accessibility/popetech-getting-started.php">Pope Tech Web Accessibility Tool</a></li> <li><a class="dropdown-item" href="/accessibility/web-accessibility/using-popetech.php">Using Pope Tech</a></li> <li><a class="dropdown-item" href="/accessibility/web-accessibility/dashboard.php">Pope Tech Dashboards</a></li> <li><a class="dropdown-item" href="/accessibility/web-accessibility/popetech-reports.php">Pope Tech Reports</a></li> <li><a class="dropdown-item" href="/accessibility/web-accessibility/manual-testing.php">Manual Website Testing</a></li> <li><a class="dropdown-item" href="/accessibility/web-accessibility/using-wave.php">Using WAVE</a></li> </ul> </div> </li> <li class="nav-item dropdown dropdown-hover"><a id="navbarDropdownMenu1" class="nav-link dropdown-toggle" role="button" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Policy & Standards <i class="fas fa-lg fa-angle-down ml-auto ml-lg-2 "></i></a> <div class="offcanvas-collapse-sub"> <div class="offcanvas-header px-2"><a class="p-3 offcanvas-back" role="button" href="#" aria-label="Back"> <span><i class="fas fa-angle-left fa-lg mr-2"></i>Back</span> <span>Policy & Standards</span> </a></div> <ul class="dropdown-menu list-unstyled" aria-labelledby="navbarDropdownMenu1"> <li><a class="dropdown-item" href="/accessibility/policy/index.php">Overview</a></li> <li><a class="dropdown-item" href="/accessibility/policy/standards/index.php">EIT Accessibility Standards</a></li> <li><a class="dropdown-item" href="/accessibility/policy/standards/captions/index.php">USU Caption Standard</a></li> <li><a class="dropdown-item" href="/accessibility/policy/new-ada-ruling.php">New ADA Title II Ruling</a></li> </ul> </div> </li> <!-- <li class="nav-item dropdown dropdown-hover"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenu3" data-toggle="dropdown" href="" role="button" aria-haspopup="true" aria-expanded="false">1 Column <i class="fas fa-lg fa-angle-down ml-auto ml-lg-2"></i></a> <div class="offcanvas-collapse-sub"> <div class="offcanvas-header px-2"> <button type="button" class="btn my-2 offcanvas-back"><i class="fas fa-times mr-1"></i> Close</button> <div class="align-self-center mx-3">1 Column</div> </div> <ul class="dropdown-menu list-unstyled" aria-labelledby="navbarDropdownMenu3"> <li><a class="dropdown-item" href="#">Link 1</a></li> <li><a class="dropdown-item" href="#">Link 2</a></li> <li class="dropdown-divider"></li> <li><a class="dropdown-item" href="#">Link 3</a></li> <li><a class="dropdown-item" href="#">Link 4</a></li> <li><a class="dropdown-item" href="#">Link 5</a></li> <li class="dropdown-divider"></li> <li><a class="dropdown-item" href="#">Link 6</a></li> <li><a class="dropdown-item" href="#">Link 7</a></li> <li class="dropdown-divider"></li> <li><a class="dropdown-item" href="#">Link 8</a></li> </ul> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown2col" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 2 Columns <i class="fas fa-lg fa-angle-down ml-auto ml-lg-2"></i> </a> <div class="offcanvas-collapse-sub"> <div class="offcanvas-header px-2"> <button type="button" class="btn my-2 offcanvas-back"><i class="fas fa-times mr-1"></i> Close</button> <div class="align-self-center mx-3">2 Columns</div> </div> <div class="dropdown-menu dropdown-menu-left multi-column multi-column-2" aria-labelledby="navbarDropdown2col"> <div class="container"> <div class="row d-flex flex-row"> <div class=" col-lg-6 dropdown-flex-col border"> <ul> <li><a class="dropdown-item" href="#">Link 1</a></li> <li><a class="dropdown-item" href="#">Link 2</a></li> <li><a class="dropdown-item" href="#">Link 3</a></li> </ul> </div> <div class=" col-lg-6 dropdown-flex-col"> <ul> <li><a class="dropdown-item" href="#">Link 4</a></li> <li><a class="dropdown-item" href="#">Link 5</a></li> <li><a class="dropdown-item" href="#">Link 6</a></li> </ul> </div> </div> </div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown3col" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 3 Columns <i class="fas fa-lg fa-angle-down ml-auto ml-lg-2"></i> </a> <div class="offcanvas-collapse-sub"> <div class="offcanvas-header px-2"> <button type="button" class="btn my-2 offcanvas-back"><i class="fas fa-times mr-1"></i> Close</button> <div class="align-self-center mx-3">3 Columns</div> </div> <div class="dropdown-menu dropdown-menu-left multi-column multi-column-3" aria-labelledby="navbarDropdown3col"> <div class="container"> <div class="row d-flex flex-row"> <div class="col-lg-4 dropdown-flex-col border"> <ul class="list-unstyled "> <li><a class="dropdown-item" href="#">Link 1</a></li> <li><a class="dropdown-item" href="#">Link 2</a></li> <li><a class="dropdown-item" href="#">Link 3</a></li> </ul> </div> <div class="col-lg-4 dropdown-flex-col border"> <ul class="list-unstyled "> <li><a class="dropdown-item" href="#">Link 4</a></li> <li><a class="dropdown-item" href="#">Link 5</a></li> <li><a class="dropdown-item" href="#">Link 6</a></li> </ul> </div> <div class="col-lg-4 dropdown-flex-col"> <ul class="list-unstyled "> <li><a class="dropdown-item" href="#">Link 7</a></li> <li><a class="dropdown-item" href="#">Link 8</a></li> <li><a class="dropdown-item" href="#">Link 9</a></li> </ul> </div> </div> </div> </div> </div> </li> <li class="nav-item dropdown dropdown-hover mega-menu"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" id="navbarDropdownMenu12" href="#" role="button" aria-haspopup="true" aria-expanded="false">Megamenu <i class="fas fa-lg fa-angle-down ml-auto ml-lg-2"></i></a> <div class="offcanvas-collapse-sub"> <div class="offcanvas-header px-2"> <button type="button" class="btn my-2 offcanvas-back"><i class="fas fa-times mr-1"></i> Close</button> <div class="align-self-center mx-3">Megamenu</div> </div> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenu12"> <div class="container"> <div class="row"> <div class="col-lg-3 dropdown-flex-col order-lg-3"> <ul> <li><a href="#">Consectetur adipiscing</a></li> <li><a href="#">Veniam</a></li> <li><a href="#">Lorem ipsum</a></li> </ul> </div> <div class="col-lg-6 dropdown-flex-col border order-lg-2"> <span class="col-title">Column Title</span> <div class="row"> <div class="col-lg-6"> <ul> <li><a href="#">Consectetur adipiscing</a></li> <li><a href="#">Eiusmod</a></li> <li><a href="#">Labore et dolore</a></li> </ul> </div> <div class="col-lg-6"> <ul> <li><a href="#"><i class="fas fa-calendar-alt mr-2"></i>With icon</a></li> <li><a href="#">Ut enim ad minim veniam quis nostrud</a></li> <li><a href="#">Labore</a></li> </ul> </div> </div> </div> <div class="col-lg-3 dropdown-flex-col border order-lg-1"> <span class="col-title">Column Title</span> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore aliqua. Ut enim ad minim veniam, quis nostrud ex ea commodo consequat.</p> <p class="d-flex"><a class=" ml-auto" href="#">Read more</a></p> </div> </div> </div> </div> </div></li> --> <li class="nav-item ml-lg-auto mr-lg-3 mt-4 mt-lg-0"><a class="nav-link nav-btn bg-bright-light" href="/accessibility/contact.php">Contact</a></li></ul> <ul class="navbar-nav navbar-global py-3"> <li class="nav-item dropdown dropdown-hover"><a class="nav-link dropdown-toggle" id="offcanvas-quicklinks" data-toggle="dropdown" href="" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa-solid fa-list mr-2 mb-1"></i>Quick Links <i class="fa-solid fa-angle-right ml-auto mb-1"></i></a><div class="offcanvas-collapse-sub"> <div class="offcanvas-header px-2"><button type="button" class="btn my-2 offcanvas-back"><i class="fa-solid fa-xmark mr-1"></i> Close</button><div class="align-self-center mx-3">Quick Links</div> </div> <ul class="dropdown-menu" aria-labelledby="offcanvas-quicklinks"> <li><a class="dropdown-item" href="https://www.usu.edu/apply/">Apply</a></li> <li><a class="dropdown-item" href="https://www.usu.edu/visit/">Visit</a></li> <li><a class="dropdown-item" href="https://www.usu.edu/giving/">Give</a></li> <li><a class="dropdown-item" href="https://www.usu.edu/calendar/">Calendar</a></li> <li><a class="dropdown-item" href="https://www.usu.edu/azindex/">A-Z Index</a></li> <li><a class="dropdown-item" href="https://directory.usu.edu/">Directory</a></li> <li><a class="dropdown-item" href="https://library.usu.edu/">Libraries</a></li> </ul> </div> </li> <li class="nav-item"><a class="nav-link" href="https://my.usu.edu"><i class="fa-solid fa-user mr-2 mb-1"></i>MyUSU</a></li> </ul> </div> </div> </nav> <main role="main" id="content" class=""> <div class="jumbotron-fluid jumbotron-full jumbotron-full-image 
					jumbotron-title-bottom
				 jumbotron-content-bottom-left" data-height="500px" style="overflow-x: hidden; background-image: url(/accessibility/images/home-landing-page/index-banner-3.jpg); min-height: 500px;"> <div class="jumbotron-content xl h-bold text-white"> <div class="container "> <h1 class="h-bold text-white">Accessibility</h1> <p class="lead">Help us create a community of inclusion and accessibility!</p> </div> </div> </div> <div class="container my-5"> <div class="row"> <div class="col-lg d-flex"> <div class="card bg-primary text-center w-100"> <div class="card-body text-white"><span class="my-4 fa-5x"><i class="fa-regular fa-closed-captioning" style="color: #ffffff;"></i></span><span class="sr-only">Closed Captions Symbol</span><h2 class="my-3 h3 text-white">Captions</h2> <p class="lead">Learn about and create quality video captions.</p> </div> <div class="card-footer bg-primary border-0 pb-4"><a href="/accessibility/captions/index.php" class="btn btn-outline-secondary" target="_self">Captions Overview</a></div> </div> </div> <div class="col-lg d-flex"> <div class="card text-center w-100"> <div class="card-body text-primary"><span class="my-4 fa-5x"><i class="fa-regular fa-file-lines"></i></span><span class="sr-only">File Symbol</span><h2 class="my-3 h3 text-primary">Documents</h2> <p class="lead">Learn how to use common softwares to create accessible documents.</p> </div> <div class="card-footer border-0 pb-4"><a href="/accessibility/documents/index.php" class="btn btn-outline-dark" target="_self">Accessible Documents</a></div> </div> </div> <div class="col-lg d-flex"> <div class="card bg-info text-center w-100"> <div class="card-body text-white"><span class="my-4 fa-5x"><i class="fa-solid fa-lightbulb" style="color: #ffffff;"></i></span><span class="sr-only">Lightbulb Symbol</span><h2 class="my-3 h3 text-white">Resources</h2> <p class="lead">Browse pages about common accessibility topics.</p> </div> <div class="card-footer bg-info border-0 pb-4"><a href="/accessibility/resources/index.php" class="btn btn-outline-secondary" target="_self">Resources Overview</a></div> </div> </div> <div class="col-lg d-flex"> <div class="card text-center w-100"> <div class="card-body text-primary"><span class="my-4 fa-5x"><i class="fa-solid fa-laptop"></i></span><span class="sr-only">Laptop Symbol</span><h2 class="my-3 h3 text-primary">Websites</h2> <p class="lead">Check your web content and resolve accessibility errors.</p> </div> <div class="card-footer border-0 pb-4"><a href="/accessibility/web-accessibility/index.php" class="btn btn-outline-dark" target="_self">Website Accessibility</a></div> </div> </div> <div class="col-lg d-flex"> <div class="card bg-primary text-center w-100"> <div class="card-body text-white"><span class="my-4 fa-5x"><i class="fa-solid fa-landmark" style="color: #ffffff;"></i></span><span class="sr-only">Landmark Symbol</span><h2 class="my-3 h3 text-white">Policy and Standards</h2> <p class="lead">Read the guidelines that govern accessibility at USU.</p> </div> <div class="card-footer bg-primary border-0 pb-4"><a href="/accessibility/policy/index.php" class="btn btn-outline-secondary" target="_self">Policy Overview</a></div> </div> </div> </div> <p> </p> <div class="col-bg bg-info"> <h2 class="text-white pl-2" style="text-align: center;">Contact Us</h2> <p class="text-white pl-2" style="text-align: center;">Making your digital content accessible can be intimidating. <br>Don't hesitate to reach out to Digital Accessibility Services to help you get started.</p> <p class="pl=3" style="text-align: center;"> <a href="/accessibility/contact.php" target="_self" class="btn btn-white btn-wrap btn ">Fill Out the Contact Form</a> </p> </div> <div class="row py-3"> <div class="col-lg-4 d-flex"> <p> <div class="card w-100"><img class="card-img-top img-fluid " src="/accessibility/images/home-landing-page/general-resources.jpg" alt="Books on a library bookshelf." width="100%" height="auto"><div class="card-header h4 bg-primary text-white text-bold"> <content-header xmlns:ouc="http://omniupdate.com/XSL/Variables">General Resources</content-header> </div> <div class="card-body"> <content-body xmlns:ouc="http://omniupdate.com/XSL/Variables"><a href="/accessibility/resources/accessibility-basics.php">Introduction to Accessibility</a><br><a href="/accessibility/concern.php">Accessibility Concern Form</a><br><a href="/accessibility/captions/canvas-course.php">Captions Canvas Course</a></content-body> </div> </div> </p> </div> <div class="col-lg-4 d-flex"> <p> <div class="card w-100"><img class="card-img-top img-fluid " src="/accessibility/images/home-landing-page/instructor-resources.jpg" alt="A professor teaching a small group of students sitting at a table." width="100%" height="auto"><div class="card-header h4 bg-primary text-white text-bold"> <content-header xmlns:ouc="http://omniupdate.com/XSL/Variables">Instructor Resources</content-header> </div> <div class="card-body"> <content-body xmlns:ouc="http://omniupdate.com/XSL/Variables"><a href="https://www.usu.edu/teach/help-topics/teaching-tips/accessibility">Course Accessibility | Teach | USU</a><br><a href="/accessibility/documents/document-accessibility.php">Accessible Documents Course</a><br><a href="https://community.canvaslms.com/t5/Instructor-Guide/How-do-I-use-the-Accessibility-Checker-in-the-Rich-Content/ta-p/820">Canvas Accessibility Checker</a></content-body> </div> </div> </p> </div> <div class="col-lg-4 d-flex"> <p> <div class="card w-100"><img class="card-img-top img-fluid " src="/accessibility/images/home-landing-page/student-resources.jpg" alt="Three students sitting at an outdoor table looking at a laptop computer." width="100%" height="auto"><div class="card-header h4 bg-primary text-white text-bold"> <content-header xmlns:ouc="http://omniupdate.com/XSL/Variables">Student Resources</content-header> </div> <div class="card-body"> <content-body xmlns:ouc="http://omniupdate.com/XSL/Variables"><a href="https://www.usu.edu/drc/"><span style="font-weight: 400;">Disability Resource Center</span></a><br><a href="https://www.usu.edu/inclusion/clubs/dna#ls">Disabled and Neurodiverse Aggies Club</a><br><a href="https://www.usu.edu/sss/">Student Support Services</a></content-body> </div> </div> </p> </div> </div> </div> </main> <footer class="mt-auto" id="site-footer"> <section id="fat-footer" class="bg-blue-dark"> <div class="container"><div class="row"> <div class="footer-brand d-inline-flex ml-lg-3 mx-auto"><a href="/accessibility/index.php">Accessibility</a></div> </div> <div class="row"> <div class="col-12 col-lg"> <div class="col-border"> <h2 class="h6 mb-0 text-white">CONTACT</h2> </div> <!-- <ul class="social-list"> <li><a href="http://www.facebook.com/UtahState"><i class="fab fa-facebook-square fa-2x"></i><span class="sr-only">USU Facebook</span></a></li> <li><a href="http://twitter.com/USUAggies"><i class="fab fa-twitter-square fa-2x"></i><span class="sr-only">USU Twitter</span></a></li> <li><a href="http://www.youtube.com/user/UtahStateUniversity"><i class="fab fa-youtube-square fa-2x"></i><span class="sr-only">USU YouTube</span></a></li> <li><a href="http://instagram.com/usuaggielife/"><i class="fab fa-instagram fa-2x"></i><span class="sr-only">USU Instagram</span></a></li> </ul> <br> --> <p>0109 Old Main Hill<br />Logan, UT 84322-0101<br /><a href="tel:1-435-797-5535">(435) 797-5535</a><br /><a href="mailto:accessibility@usu.edu">accessibility@usu.edu</a></p> </div> <div class="col-12 col-lg"> <!-- <div class="col-border"> <h2 class="h6 mb-0 text-white">EMPLOYEES</h2> </div> <p>Angie Clayson<br />HR Benefits Coordinator & ADA Coordinator<br /><a href="tel:1-435-797-0110">(435) 797-0110</a><br /><a href="mailto:angie.clayson@usu.edu">angie.clayson@usu.edu</a></p> --> </div> <div class="col-12 col-lg"> <!-- <div class="col-border"> <h2 class="h6 mb-0 text-white">STUDENTS</h2> </div> <p>Disability Resource Center<br /><a href="tel:1-435-797-2444">(435) 797-2444</a><br /><a href="mailto:drc@usu.edu">drc@usu.edu</a></p> --> </div> <div class="col-12 col-lg"> </div> <!-- <div class="col-12 col-lg"> <div class="col-border"> <h2 class="h6 mb-0 text-white"> <a class="collapsed" href="#" role="button">ADDITIONAL CONTACTS</a> </h2> </div> <div class="collapse"> <ul> <li><a href="/about/at-a-glance/">Quick Facts</a></li> <li><a href="/about/history/">History & Traditions</a></li> <li><a href="/today/">News</a></li> <li><a href="/pressroom/">For Media</a></li> <li><a href="/student-life/recreation-wellness/">Recreation & Wellness</a></li> <li><a href="/arts-culture/">Arts & Culture</a></li> </ul> </div> </div> --> <!-- <div class="col-12 col-lg"> <div class="col-border"> <h2 class="h6 mb-0 text-white">SUBSCRIBE</h2> </div> <p>Receive weekly USU news.</p> <form action="#" class="align-self-left w-100" role="form" method="post" name="Subscribe to our newsletter"> <fieldset> <legend class="sr-only">Subscribe to our newsletter</legend> <div class="input-group-sm"> <label class="sr-only" for="email">Email</label> <div class="input-group"> <input type="text" value="" class="form-control" id="email" name="email" placeholder="Email"/> <div class="input-group-append"> <button type="submit" class="btn btn-primary" name="subscribe" aria-label="Subscribe">Submit</button> </div> </div> </div> </fieldset> </form> </div> <div class="col-12 col-lg"> <div class="col-border"> <h2 class="h6 mb-0 text-white">IMAGE/INFO COLUMN</h2> </div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> --> <div class="col-12 col-lg-3"> <ul class="btn-list"> <li><a class="btn btn-bright-light" href="/accessibility/concern.php">File an Accessibility Concern</a></li> </ul> </div> </div></div> </section> <section id="global-footer" class="bg-blue-darker"> <div class="container"> <div class="row py-3 py-lg-4"> <div class="col-12 col-lg-3 py-3 d-flex align-items-center justify-content-center"><a href="https://www.usu.edu"><img class="img-fluid m-auto" srcset="https://www.usu.edu/assets/bs4/images/logos/utah-state-logo-350.png 180w, https://www.usu.edu/assets/bs4/images/logos/utah-state-logo-350.png 200w, https://www.usu.edu/assets/bs4/images/logos/utah-state-logo-350.png 220w" sizes="(max-width: 575.98px) 180px,(max-width: 767.98px) 200px,220px" src="https://www.usu.edu/assets/bs4/images/logos/utah-state-logo-350.png" alt="Utah State University"></a></div> <div class="col-12 col-lg-9 d-flex flex-row flex-lg-column justify-content-center justify-content-lg-start align-items-start"> <div class="left-list my-lg-1"> <ul> <li><a href="https://www.usu.edu/map/">Maps & Directions</a></li> <li><a href="https://www.usu.edu/search/">Search USU</a></li> <li><a href="https://www.usu.edu/campus-life/safety/">Campus Safety</a></li> <li><a href="https://jobs.usu.edu/">Jobs</a></li> <li><a href="https://www.usu.edu/contact/">Contact</a></li> </ul> </div> <div class="right-list"> <ul> <li><a href="https://www.usu.edu/copyright/">Terms of Use</a></li> <li><a href="https://www.usu.edu/copyright/index.cfm#copyright">Copyright</a></li> <li><a href="https://www.usu.edu/privacy/">Privacy</a></li> <li><a href="https://accessibility.usu.edu/">Accessibility</a></li> <li><a href="https://www.usu.edu/equity/non-discrimination/">Non-Discrimination</a></li> <li><a id="de" href="https://a.cms.omniupdate.com/11/?skin=usu&account=usu&site=USU&action=de&path=/accessibility/index.pcf" >Admin</a></li> </ul> </div> </div> </div> </div> </section><a href="#" id="back-to-top"><i class="fa-regular fa-chevron-up"></i><span class="sr-only">Back to top of the page</span></a></footer> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap"> <link rel="stylesheet" href="https://www.usu.edu/assets/bs4/css/modular.css"><script type="text/javascript"> /*for disqus comments*/ var page_id="https://www.usu.edu/accessibility/index.php"; </script><script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://www.usu.edu/assets/bs4/lib/moment/moment.min-2.29.3.js"></script><script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js?v=19022025" integrity="sha256-fgLAgv7fyCGopR/gBNq2iW3ZKIdqIcyshnUULC4vex8=" crossorigin="anonymous"></script><script defer="" src="https://fontawesome.usu.edu/v6/js/all.js"></script><script defer="" src="https://fontawesome.usu.edu/v6/js/v4-shims.js"></script><script src="https://templateresources.usu.edu/_resources/js/init.js"></script></body> </html>