Accessibility at UC San Diego

<!DOCTYPE html> <html xmlns="https://www.w3.org/1999/xhtml" class="no-js" lang="en-US"> <head>  <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-03M76DWWPL"></script> <script>// <![CDATA[ window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-03M76DWWPL', {'cookie_domain': 'accessibility.ucsd.edu'}); // ]]></script> <meta charset="utf-8"/> <meta content="IE=edge" http-equiv="X-UA-Compatible"/> <meta content="initial-scale=1.0" name="viewport"/> <meta content="7MiYjX2ZghMOWvtKRWlar--c6mD2ose5EcbQFQ6szFA" name="google-site-verification"/> <title>Accessibility at UC San Diego</title> <meta content="University of California, San Diego" name="ORGANIZATION"/> <meta content="index,follow,noarchive" name="robots"/> <meta content="Accessibility" name="SITE"/> <meta content="Accessibility at UC San Diego" name="PAGETITLE"/> <meta content="Accessibility at UC San Diego" name="DESCRIPTION"/> <meta content="f391a63a0aaf69f542344f6b94de599a" name="id"/> <link href="//cdn.ucsd.edu/cms/decorator-5/styles/bootstrap.min.css" rel="stylesheet"/> <link href="//cdn.ucsd.edu/cms/decorator-5/styles/base.min.css" rel="stylesheet"/> <link href="//cdn.ucsd.edu/cms/decorator-5/styles/homepage.css" rel="stylesheet"/>  <link href="_resources/css/site-specific.css" media="all" rel="stylesheet" type="text/css"/> <link href="_resources/css/tgpt.css" media="all" rel="stylesheet" type="text/css"/> <link href="_resources/css/site-specific.css" media="all" rel="stylesheet" type="text/css"/>    <script src="https://cdn.ucsd.edu/cms/decorator-5/scripts/modernizr.min.js"></script>   </head> <body> <header class="layout-header"> <a class="sr-only skip-to-main" href="#main-content" tabindex="1">Skip to main content</a> <div id="uc-emergency"></div>  <section aria-label="Site Name" class="layout-title"> <div class="layout-container container"> <a class="title-header title-header-large" href="/"> Accessibility </a> <a class="title-header title-header-short" href="/"> Accessibility </a> <a class="title-logo" href="http://www.ucsd.edu">UC San Diego</a> </div> </section> </header> <div class="navmenu navmenu-default navmenu-fixed-left offcanvas" style=""> <ul class="nav navbar-nav navbar-right msearch"> <li> <div class="search"> <button aria-label="search" class="search-toggle btn-default"> <span class="glyphicon glyphicon-search"></span> <span class="caret"></span> </button> <div class="search-content" id="search-m"> <form action="/search/index.html" method="get"> <label for="search-scope" style="display:none;">Search</label> <select class="search-scope" id="search-scope-m" name="search-scope"> <option selected="selected" value="accessibility">This Site</option> <option value="default_collection">All UCSD Sites</option> <option value="faculty-staff">Faculty/Staff</option> </select> <div class="input-group"> <label for="q-m" style="display:none;">Search Term</label> <input autofocus="autofocus" class="form-control search-term" id="q-m" name="search-term-m" placeholder="Search..." type="search"/> </div> <input class="sr-only" type="submit" value="Submit"/> </form> </div> </div> </li> </ul> <button aria-controls="navbar" class="navbar-toggle sr-only" data-canvas="body" data-target=".navmenu" data-toggle="offcanvas" type="button">Close Nav</button> <ul class="nav navmenu-nav"> <li class=""><a href="about/index.html">Committee</a> </li> <li class="dropdown open "><a href="policies-standards/index.html">Policies & Standards <span class="caret"></span> </a> <ul class="dropdown-menu navmenu-nav"> <li><a href="https://www.ucop.edu/electronic-accessibility/index.html">UC Policy</a></li> <li><a href="policies-standards/ucsd-accessibility-guidelines.html">UC San Diego Accessibility Standards</a></li> </ul> </li> <li class="dropdown open "><a href="training/index.html">Training <span class="caret"></span> </a> <ul class="dropdown-menu navmenu-nav"> <li><a href="https://frontier.siteimprove.com/path/accessibility-for-content-contributors">Writers and Content Creators</a></li> <li><a href="https://frontier.siteimprove.com/path/accessibility-for-marketers">Email Marketers</a></li> <li><a href="https://frontier.siteimprove.com/path/accessibility-for-web-developers">Web / Email Designers and Developers</a></li> <li><a href="https://frontier.siteimprove.com/path/accessibility-for-educators">Educators</a></li> <li><a href="https://frontier.siteimprove.com/path/accessibility-for-leadership">Leadership</a></li> </ul> </li> <li class="dropdown open "><a href="checklists/index.html">Checklists <span class="caret"></span> </a> <ul class="dropdown-menu navmenu-nav"> <li><a href="checklists/writing-formatting.html">Writing & Formatting</a></li> <li><a href="checklists/images-graphics.html">Images & Graphics</a></li> <li><a href="checklists/audio-video.html">Audio/Video</a></li> <li><a href="checklists/documents.html">Documents</a></li> <li><a href="checklists/presentations.html">Presentations</a></li> <li><a href="checklists/social-media.html">Social Media</a></li> <li><a href="checklists/email-campaign.html">Email Campaigns</a></li> <li><a href="checklists/websites.html">Websites</a></li> </ul> </li> <li class=""><a href="tools/index.html">Tools</a> </li> <li class="dropdown open "><a href="resources/index.html">Resources <span class="caret"></span> </a> <ul class="dropdown-menu navmenu-nav"> <li><a href="https://www.ada.gov/assets/pdfs/web-rule.pdf">DOJ 2024 Ruling</a></li> <li><a href="https://www.w3.org/TR/WCAG21/">WCAG 2.1 Standards</a></li> </ul> </li> <li class=""><a href="report-a-concern/index.html">Report a Digital Accessibility Concern</a> </li> </ul> </div> <nav class="navbar navbar-default navbar-static-top"> <div class="container"> <div class="navbar-header"> <button aria-controls="navbar" aria-expanded="false" class="navbar-toggle" data-canvas="body" data-target=".navmenu" data-toggle="offcanvas" type="button"> <span class="sr-only">Toggle navigation</span> <div class="col-sm-1 mobile-nav-bars"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </div> <div class="col-sm-1 mobile-nav-icon"> MENU </div> </button> <div class="col-sm-4 pull-right visible-xs-block"> <img alt="" class="img-responsive header-logo" src="https://cdn.ucsd.edu/cms/decorator-5/styles/img/ucsd-footer-logo-white.png"/> </div> </div> <div class="navbar-collapse collapse" id="navbar"> <ul class="nav navbar-nav"> <li class=""><a href="about/index.html">Committee</a> </li> <li class="dropdown "><a aria-expanded="false" class="dropdown-toggle" data-close-others="true" data-hover="dropdown" href="policies-standards/index.html">Policies & Standards <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="https://www.ucop.edu/electronic-accessibility/index.html">UC Policy</a></li> <li><a href="policies-standards/ucsd-accessibility-guidelines.html">UC San Diego Accessibility Standards</a></li> </ul> </li> <li class="dropdown "><a aria-expanded="false" class="dropdown-toggle" data-close-others="true" data-hover="dropdown" href="training/index.html">Training <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="https://frontier.siteimprove.com/path/accessibility-for-content-contributors">Writers and Content Creators</a></li> <li><a href="https://frontier.siteimprove.com/path/accessibility-for-marketers">Email Marketers</a></li> <li><a href="https://frontier.siteimprove.com/path/accessibility-for-web-developers">Web / Email Designers and Developers</a></li> <li><a href="https://frontier.siteimprove.com/path/accessibility-for-educators">Educators</a></li> <li><a href="https://frontier.siteimprove.com/path/accessibility-for-leadership">Leadership</a></li> </ul> </li> <li class="dropdown "><a aria-expanded="false" class="dropdown-toggle" data-close-others="true" data-hover="dropdown" href="checklists/index.html">Checklists <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="checklists/writing-formatting.html">Writing & Formatting</a></li> <li><a href="checklists/images-graphics.html">Images & Graphics</a></li> <li><a href="checklists/audio-video.html">Audio/Video</a></li> <li><a href="checklists/documents.html">Documents</a></li> <li><a href="checklists/presentations.html">Presentations</a></li> <li><a href="checklists/social-media.html">Social Media</a></li> <li><a href="checklists/email-campaign.html">Email Campaigns</a></li> <li><a href="checklists/websites.html">Websites</a></li> </ul> </li> <li class=""><a href="tools/index.html">Tools</a> </li> <li class="dropdown "><a aria-expanded="false" class="dropdown-toggle" data-close-others="true" data-hover="dropdown" href="resources/index.html">Resources <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="https://www.ada.gov/assets/pdfs/web-rule.pdf">DOJ 2024 Ruling</a></li> <li><a href="https://www.w3.org/TR/WCAG21/">WCAG 2.1 Standards</a></li> </ul> </li> <li class=""><a href="report-a-concern/index.html">Report a Digital Accessibility Concern</a> </li> </ul> <div class="btn-nav"></div> <ul class="nav navbar-nav navbar-right"> <li> <div class="search"> <button aria-label="search" class="search-toggle btn-default"> <span class="glyphicon glyphicon-search"></span> <span class="caret"></span> </button> <div class="search-content" id="search"> <form action="/search/index.html" id="cse-search-box" method="get"> <label class="sr-only" for="search-scope">Search Scope</label> <select class="search-scope" id="search-scope" name="search-scope"> <option selected="selected" value="accessibility">This Site</option> <option value="default_collection">All UCSD Sites</option> <option value="faculty-staff">Faculty/Staff</option> </select> <div class="input-group"> <label for="q" id="search-term-label" style="display:none;">Search Term</label> <input autofocus="autofocus" class="form-control search-term" id="q" name="search-term" placeholder="Search..." type="search"/> </div> <input class="sr-only" type="submit" value="Submit"/> </form> </div> </div> </li> </ul> </div> </div> </nav> <main class="layout-main" id="main-content"> <div class="carousel slide jumbotron jumbotron-hero hm" data-ride="carousel" id="heroslider"> <div aria-label="Revolving Banners with 3 items " class="carousel-inner" role="region" tabindex="0"> <div id="indicators-container"> <button aria-label="carousel is playing, click to pause" id="toggleCarousel"><span class="glyphicon glyphicon-pause"></span></button> <ol aria-hidden="true" class="carousel-indicators"> <li aria-hidden="true" class="active" data-slide-to="0" data-target="#heroslider"></li> <li aria-hidden="true" class="" data-slide-to="1" data-target="#heroslider"></li> <li aria-hidden="true" class="" data-slide-to="2" data-target="#heroslider"></li> </ol> </div> <div aria-label="1 out of 3" aria-roledescription="slide" class="item active " role="group"> <img alt="night ocean glowing with bioluminescence" class="first-slide" src="_images/homepage/hero-night-bioluminescent.jpg"/> <div class="container"> <div class="cr-item-container"> <div class="row"> <div class="col-sm-12"> <div class="animated fadeInUp herotextbg-light-opaque"> <h1 class="rt-text-light " tabindex="0">New Accessibility Requirements <br/><span></span></h1> <p class="rt-text-light " tabindex="0">UC San Diego has new accessibility requirements for web content.</p> <a class="btn btn-lg btn-default rt-btn-yellow " data-h1="" data-module="hero-homepage" href="policies-standards/ucsd-accessibility-guidelines.html" role="button" tabindex="0">Learn about our responsibilities</a> </div> </div> </div> </div> </div> </div> <div aria-label="2 out of 3" aria-roledescription="slide" class="item " role="group"> <img alt="light blue orb over a dark blue background" class="first-slide" src="_images/homepage/hero-bg-grit-orbs-1.jpg"/> <div class="container"> <div class="cr-item-container"> <div class="row"> <div class="col-sm-12"> <div class="animated fadeInUp herotextbg-light-opaque"> <h1 class="rt-text-light " tabindex="0">Title II of the ADA </h1> <p class="rt-text-light " tabindex="0">Nondiscrimination on the Basis of Disability; Accessibility of Web Information and Services of State and Local Government Entities.</p> <a class="btn btn-lg btn-default rt-btn-yellow " data-h1="" data-module="hero-homepage" href="https://www.ada.gov/resources/2024-03-08-web-rule/" role="button" tabindex="0">View the ruling</a> </div> </div> </div> </div> </div> </div> <div aria-label="3 out of 3" aria-roledescription="slide" class="item " role="group"> <img alt="two textured gradient yellow and cyan orbs over a light blue background" class="first-slide" src="_images/homepage/hero-bg-grit-orbs-2.jpg"/> <div class="container"> <div class="cr-item-container"> <div class="row"> <div class="col-sm-12"> <div class="animated fadeInUp herotextbg-light-opaque"> <h1 class="rt-text-light " tabindex="0">WCAG 2.1 Standards </h1> <p class="rt-text-light " tabindex="0">Web Content Accessibility Guidelines (WCAG) 2.1 AA standards. </p> <a class="btn btn-lg btn-default rt-btn-yellow " data-h1="" data-module="hero-homepage" href="https://www.w3.org/TR/WCAG21/" role="button" tabindex="0">See the Guidelines</a> </div> </div> </div> </div> </div> </div> <a aria-controls="heroslider" aria-label="previous slide" class="left carousel-control" data-slide="prev" href="#heroslider" onclick="$('.carousel-inner').focus()" role="button" tabindex="0"> <span aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span> <span class="sr-only">Previous</span> </a> <a aria-controls="heroslider" aria-label="next slide" class="right carousel-control" data-slide="next" href="#heroslider" onclick="$('.carousel-inner').focus()" role="button" tabindex="0"> <span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> <span class="sr-only">Next</span> </a> </div> </div> <div class="layout-container row">  <section aria-label="Content Module" class="jumbotron side-image-white jumbotron-callout-content-two jumbotron-full-width ct4-sand-bg" style="background-image: url('_images/homepage/scripps-rainbow-dark-callout.jpg')"> <div class="container"> <div class="row"> <div class="col-md-8 text-indent"> <h2>Final Accessibility Ruling From the Department of Justice (DOJ) </h2> <p>The DOJ has issued a ruling requiring public and private entities to make their websites accessible to individuals with disabilities, including those with vision, hearing, and mobility impairments. This ruling strengthens the enforcement of the Americans with Disabilities Act (ADA) by providing clear compliance guidelines, with an implementation deadline set for April 24, 2026. </p> </div> </div> <div class="row"> <div class="col-md-6"> <div class="panel panel-primary panel-darker bg-blue-opaque"> <div class="cta-two-three panel-body panel-body"> <h3>How Does This Apply to Me?</h3> <p class="panel-text">This rule will require Web Content Accessibility Guidelines (WCAG) 2.1 to be applied to all UC San Diego sites to ensure that digital content is accessible to all users, including those with disabilities. These standards may apply to you in several ways, depending on your role or responsibilities within the University of California system.</p> <p> <a class="text-link" href="policies-standards/index.html">Learn About New Policies</a> </p> </div> </div> </div> <div class="col-md-6"> <div class="panel panel-primary panel-darker bg-blue-opaque"> <div class="cta-two-three panel-body panel-body"> <h3>What Do I Need to Do?</h3> <p class="panel-text">Take the SiteImprove trainings and keep up to date with any new guidelines, tools, or training materials that UC San Diego provides. SiteImprove provides different training paths for different web specialties.</p> <p> <a class="text-link" href="training/index.html">Explore Training for Roles</a> </p> </div> </div> </div> </div> </div> </section> <section aria-label="Content Module" class="jumbotron side-image-white jumbotron-callout-content-two jumbotron-full-width ct4-light-bg" style="background-image: url('_images/homepage/rainbow-over-geisel-library.png')"> <div class="container"> <div class="row"> <div class="col-md-8 text-indent"> <h2>UC Accessibility Policies and Standards </h2> </div> </div> <div class="row"> <div class="col-md-6"> <div class="panel panel-primary panel-darker bg-blue-opaque"> <div class="cta-two-three panel-body panel-body"> <h3>UC Policy</h3> <p class="panel-text">By supporting IT accessibility, the University of California is committed to ensuring a broad population is able to access, benefit from, and contribute to its electronic programs and services.</p> <p> <a class="text-link" href="https://policy.ucop.edu/doc/7000611/IMT-1300">View the ruling</a> </p> </div> </div> </div> <div class="col-md-6"> <div class="panel panel-primary panel-darker bg-blue-opaque"> <div class="cta-two-three panel-body panel-body"> <h3>UC San Diego Accessibility Standards</h3> <p class="panel-text">UC San Diego is committed to ensuring equal access to all digital content. As part of this commitment, we adhere to the Web Content Accessibility Guidelines (WCAG) 2.1 standards and the UC Accessibility Policy to ensure our digital content is accessible.</p> <p> <a class="text-link" href="policies-standards/ucsd-accessibility-guidelines.html">See the Guidelines</a> </p> </div> </div> </div> </div> </div> </section> <div class="jumbotron jumbotron-sand "> <div class="container"> <div class="row"> <div class="col-md-6"> <figure> <img alt="Geisel at Night" class="img-responsive" src="_images/homepage/img_accessibility-training.jpg"/> </figure> </div> <div class="col-md-6"> <h2>Learning is the first step</h2> <p><span style="font-weight: 400;">Understanding accessibility is the essential first step in creating a website that accommodates all users. By learning the principles of accessible design, you can ensure your digital content is both compliant with legal standards and usable for a broad audience, enhancing inclusivity and user satisfaction.</span></p> <p><a class="btn btn-default" href="training/index.html">Get Accessibility Training</a></p> </div> </div> </div> </div> <section aria-label="Content Module" class="jumbotron side-image-white jumbotron-callout-content-two jumbotron-full-width jumbotron-orbs-1" style="background-image: url('')"> <div class="container"> <div class="row"> <div class="col-md-8 text-indent"> <h2>Accessibility Is Easier With Help </h2> </div> </div> <div class="row"> <div class="col-md-4"> <div class="panel panel-primary bg-blue-opaque"> <div class="cta-two-three panel-body panel-body"> <h3>Checklists</h3> <p class="panel-text">These accessibility checklists will help ensure that you don't overlook important design elements.</p> <p> <a class="text-link" href="checklists/index.html">Review the Checklists</a> </p> </div> </div> </div> <div class="col-md-4"> <div class="panel panel-primary bg-blue-opaque"> <div class="cta-two-three panel-body panel-body"> <h3>Tools</h3> <p class="panel-text">Third-party accessibility tools can help assure your site complies with essential guidelines.</p> <p> <a class="text-link" href="tools/index.html">Find a tool</a> </p> </div> </div> </div> <div class="col-md-4"> <div class="panel panel-primary bg-blue-opaque"> <div class="cta-two-three panel-body panel-body"> <h3>Resources</h3> <p class="panel-text">Learn about the legal and procedural web accessibility guidelines through these resources.</p> <p> <a class="text-link" href="resources/index.html">Explore resources</a> </p> </div> </div> </div> </div> </div> </section> <div class="jumbotron jumbotron-callout-image-small-inset" style="background-image: url(https://cdn.ucsd.edu/cms/decorator-5/img/bg-grit-pattern.jpg);"> <div class="container"> <div class="row"> <div class="col-md-7 "> <div class="panel panel-default"> <div class="panel-body"> <h2>Report a Digital Accessibility Concern</h2> <p class="panel-text">UC San Diego is committed to making strides toward accessibility for everyone. Digital content might include websites, videos, course material, email, and more.</p> <p><a class="btn btn-default" href="report-a-concern/index.html">Submit a report</a></p> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-sm-8"> <p> <span>UC San Diego 9500 Gilman Dr. La Jolla, CA 92093 (858) 534-2230</span> <br/> <span> Copyright 漏 <span class="footer-copyright-year">2025</span> Regents of the University of California. All rights reserved. </span> </p> <ul class="footer-links"> <li><a href="https://accessibility.ucsd.edu/report-a-concern/index.html">Accessibility</a></li> <li><a href="https://ucsd.edu/about/privacy-policy.html">Privacy Policy</a></li> <li><a href="https://ucsd.edu/about/terms-of-use.html">Terms of Use</a></li> <li> <a href="https://accessibility.ucsd.edu/report-a-concern/index.html">Feedback</a> </li> </ul> </div> <div class="col-sm-4"> <a href="https://ucsd.edu/"><img alt="UCSD homepage" class="img-responsive footer-logo" src="https://cdn.ucsd.edu/developer/decorator/5.0.2/img/ucsd-footer-logo-white.png"/></a> </div> </div> </div> <script src="https://cdn.ucsd.edu/cms/decorator-5/scripts/jquery.min.js"></script> <script src="https://cdn.ucsd.edu/cms/decorator-5/scripts/bootstrap.min.js"></script> <script src="https://www.ucsd.edu/common/_emergency-broadcast/message.js"></script> <script src="https://cdn.ucsd.edu/cms/decorator-5/scripts/vendor.min.js"></script> <script src="https://cdn.ucsd.edu/cms/decorator-5/scripts/base.min.js"></script>  <script> $(document).ready(function() { $('.js-activated').dropdownHover().dropdown(); }); </script> <script src="https://cdn.ucsd.edu/cms/decorator-5/scripts/decorator.js" type="text/javascript"></script> <script type="text/javascript"> (function($) { $(document).ready(function() { initFooter("https://accessibility.ucsd.edu/report-a-concern/index.html"); initCopyright(); }); })(jQuery); </script> <analytics-code/> </footer> </body> </html>

CINXE.COM

Accessibility at UC San Diego