CINXE.COM
Digital Accessibility Program | UCSF IT
<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <meta name="description" content="Accessibility is part of UCSF's mission and DEI goals. It's the right thing to do." /> <link rel="canonical" href="https://it.ucsf.edu/service/digital-accessibility-program" /> <meta name="google-site-verification" content="xEaB4dnmBmiRU7eUe_PAFXLsD1MjDF2dg4vZUgP1W0U" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta itemprop="acquia_lift:content_title" content="Digital Accessibility Program" /> <meta itemprop="acquia_lift:content_type" content="services" /> <meta itemprop="acquia_lift:page_type" content="node page" /> <meta itemprop="acquia_lift:context_language" content="en" /> <meta itemprop="acquia_lift:content_section" content="" /> <meta itemprop="acquia_lift:content_keywords" content="" /> <meta itemprop="acquia_lift:post_id" content="120961" /> <meta itemprop="acquia_lift:content_uuid" content="774eb4ae-1e12-4933-a48a-3fb5e587b9c3" /> <meta itemprop="acquia_lift:published_date" content="1629742706" /> <meta itemprop="acquia_lift:persona" content="" /> <meta itemprop="acquia_lift:engagement_score" content="1" /> <meta itemprop="acquia_lift:account_id" content="UCSF_IT" /> <meta itemprop="acquia_lift:site_id" content="prod-sherpa" /> <meta itemprop="acquia_lift:liftAssetsURL" content="https://lift3assets.lift.acquia.com/stable" /> <meta itemprop="acquia_lift:bootstrapMode" content="auto" /> <meta itemprop="acquia_lift:contentReplacementMode" content="trusted" /> <meta itemprop="acquia_lift:cdfVersion" content="1" /> <script src="https://lift3assets.lift.acquia.com/stable/lift.js" async></script> <link rel="icon" href="/themes/custom/its_default/favicon.ico" type="image/vnd.microsoft.icon" /> <title>Digital Accessibility Program | UCSF IT</title> <link rel="stylesheet" media="all" href="/sites/it.ucsf.edu/files/css/css_FBBRL_qmni-VFlN0kJYFaDjoTloDYxzHHT9AzmdfXak.css?delta=0&language=en&theme=its_default&include=eJxVjutyAyEIhV-I6CPtsIqGDkpGMNvt09d2tp3kD7cDHwfNyDfuH5RcR0xmYZ8ia1b4kwyKdseDTBvFlzrYs4IRjnTfcLombY91RNHvtNTGnRtKWDhIOijmMR-rf10FO82pxR2NIAmanW91IzOsdAG6jgXkLwJ22zIVnOKxiu4oN_NTuNc36cfs7XILB-1lAeKVQ2YUrfBkOiz-xtA0T_l_3jUTFMG6Ydf-5-Ub1bZ1rw" /> <link rel="stylesheet" media="all" href="/sites/it.ucsf.edu/files/css/css_Vk9sdugF5SGq1OIRjpUAAEysUvy8v4XW-NnnpDGHRZ0.css?delta=1&language=en&theme=its_default&include=eJxVjutyAyEIhV-I6CPtsIqGDkpGMNvt09d2tp3kD7cDHwfNyDfuH5RcR0xmYZ8ia1b4kwyKdseDTBvFlzrYs4IRjnTfcLombY91RNHvtNTGnRtKWDhIOijmMR-rf10FO82pxR2NIAmanW91IzOsdAG6jgXkLwJ22zIVnOKxiu4oN_NTuNc36cfs7XILB-1lAeKVQ2YUrfBkOiz-xtA0T_l_3jUTFMG6Ydf-5-Ub1bZ1rw" /> <link rel="stylesheet" media="all" href="/sites/it.ucsf.edu/files/css/css_xKSbp5cPSWe-Io6Tw18ONmCTBf_DQL5aL8avjxAqkEA.css?delta=2&language=en&theme=its_default&include=eJxVjutyAyEIhV-I6CPtsIqGDkpGMNvt09d2tp3kD7cDHwfNyDfuH5RcR0xmYZ8ia1b4kwyKdseDTBvFlzrYs4IRjnTfcLombY91RNHvtNTGnRtKWDhIOijmMR-rf10FO82pxR2NIAmanW91IzOsdAG6jgXkLwJ22zIVnOKxiu4oN_NTuNc36cfs7XILB-1lAeKVQ2YUrfBkOiz-xtA0T_l_3jUTFMG6Ydf-5-Ub1bZ1rw" /> <script src="https://kit.fontawesome.com/051d69e97e.js" defer crossorigin="anonymous"></script> </head> <body class="page-node-120961 path-node page-node-type-services"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="layout-container app"> <header class="bg-coral" data-search-and-menu-visibility> <section class="topnavbar"> <div class="container"> <nav> <a href="http://www.ucsf.edu" target="_blank" class="">University of California San Francisco</a> <a href="https://giving.ucsf.edu" target="_blank" class="header-give hide-mobile">Give to UCSF</a> </nav> </div> </section> <div class="main-navigation"> <div class="container"> <div class="flex-grid"> <a href="/" aria-current="page" class="router-link-exact-active router-link-active"> <div class="site-title"> <h1>UCSF IT Technology</h1> </div> </a> <div class="navbar"> <nav role="navigation" aria-labelledby="block-mainnavigation-menu" id="block-mainnavigation" class="block block-menu navigation menu--main"> <h2 class="visually-hidden" id="block-mainnavigation-menu">Main navigation</h2> <ul class="menu menu-top-level"> <li class="menu-item menu-item--expanded dropdown-menu-parent"> <a href="/status" data-drupal-link-system-path="node/108351">Status</a> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-down" role="presentation" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" class="icon svg-inline--fa fa-chevron-down fa-w-14"> <path fill="currentColor" d="M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z" class=""></path> </svg> <ul class="dropdown-menu"> <li class="menu-item dropdown-menu-item"> <a href="/ucsf-security-update-announcements" data-drupal-link-system-path="node/117061">Security Announcements</a> </li> </ul> </li> <li class="menu-item menu-item--expanded dropdown-menu-parent"> <a href="/services" data-drupal-link-system-path="node/108356">Services</a> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-down" role="presentation" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" class="icon svg-inline--fa fa-chevron-down fa-w-14"> <path fill="currentColor" d="M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z" class=""></path> </svg> <ul class="dropdown-menu"> <li class="menu-item dropdown-menu-item"> <a href="https://one.ucsf.edu">Projects</a> </li> </ul> </li> <li class="menu-item"> <a href="/how-to" data-drupal-link-system-path="node/108361">How To</a> </li> <li class="menu-item"> <a href="/news-events" data-drupal-link-system-path="node/132106">News & Events</a> </li> <li class="menu-item"> <a href="/about-us" title="About UCSF IT" data-drupal-link-system-path="node/108071">About Us</a> </li> <li> <a href="/saml_login?destination=/service/digital-accessibility-program" class="user"> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="user-alt" role="presentation" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="svg-inline--fa fa-user-alt fa-w-16"> <path fill="currentColor" d="M384 336c-40.6 0-47.6-1.5-72.2 6.8-17.5 5.9-36.3 9.2-55.8 9.2s-38.3-3.3-55.8-9.2c-24.6-8.3-31.5-6.8-72.2-6.8C57.3 336 0 393.3 0 464v16c0 17.7 14.3 32 32 32h448c17.7 0 32-14.3 32-32v-16c0-70.7-57.3-128-128-128zm80 128H48c0-21.4 8.3-41.5 23.4-56.6C86.5 392.3 106.6 384 128 384c41.1 0 41-1.1 56.8 4.2 23 7.8 47 11.8 71.2 11.8 24.2 0 48.2-4 71.2-11.8 15.8-5.4 15.7-4.2 56.8-4.2 44.1 0 80 35.9 80 80zM256 320c88.4 0 160-71.6 160-160S344.4 0 256 0 96 71.6 96 160s71.6 160 160 160zm0-272c61.8 0 112 50.2 112 112s-50.2 112-112 112-112-50.2-112-112S194.2 48 256 48z" class=""></path> </svg> Log In </a> </li> </ul> </nav> <div id="global-search-dropdown" class=""> <div class="search-icon"> <div> <span class="visually-hidden">Open</span> <span class="visually-hidden">Close</span> <span class="hide-mobile">Search</span> </div> </div> <div class="search--dropdown"> <form action="/search" accept-charset="utf-8" method="get" autocomplete="off" class="search"> <label for="header-search" class="search__label">Small screen search</label> <input type="text" name="search" value="" placeholder="Search services, how-to articles, other IT information" class="search__input"> <input type="submit" value="Search" class="search__submit"> </form> </div> </div> <div class="toggle-nav"> <span class="visually-hidden">Open menu</span> </div> </div> </div> </div> </div> <div class="give-mobile"> <a href="https://giving.ucsf.edu" class="give">Give to UCSF</a> </div> </header> <div class="region-breadcrumb"> <div id="block-breadcrumbs" class="block block-system block-system-breadcrumb-block"> <div class="content"> <nav role="navigation" aria-labelledby="system-breadcrumb"> <h2 id="system-breadcrumb" class="visually-hidden">Breadcrumb</h2> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="/">Home</a></li> <li class="breadcrumb-item"><a href="/services">Services</a></li> <li class="breadcrumb-item">Digital Accessibility Program</li> </ol> </nav> </div> </div> </div> <main role="main"> <a id="main-content" tabindex="-1"></a> <div class="layout-content content"> <div class="region-content"> <div id="block-its-default-content" class="block block-system block-system-main-block"> <article data-history-node-id="120961" class="node node--type-services node--view-mode-full"> <div class="node__content"> <div class="container sidebar-visible"> <main class="page-content"> <div class="privacy-warning"> <div class="iconography"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="eye" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="svg-inline--fa fa-eye fa-w-18"><path fill="currentColor" d="M288 288a64 64 0 0 0 0-128c-1 0-1.88.24-2.85.29a47.5 47.5 0 0 1-60.86 60.86c0 1-.29 1.88-.29 2.85a64 64 0 0 0 64 64zm284.52-46.6C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 96a128 128 0 1 1-128 128A128.14 128.14 0 0 1 288 96zm0 320c-107.36 0-205.46-61.31-256-160a294.78 294.78 0 0 1 129.78-129.33C140.91 153.69 128 187.17 128 224a160 160 0 0 0 320 0c0-36.83-12.91-70.31-33.78-97.33A294.78 294.78 0 0 1 544 256c-50.53 98.69-148.64 160-256 160z" class=""></path></svg></div> <p class="viewable-by">This content is viewable by <span class="">Everyone</span></p> </div> <div class="row page-title"> <h1>Digital Accessibility Program</h1> <div class="service-meta"> <ul> </ul> </div> </div> <div class="block block-layout-builder block-extra-field-blocknodeservicesflag-save"> <p class="flag flag-anon-message flag-save js-flag-save-120961 action-flag"> <span class="label" data-selector=".flag-anon-save-120961"><span class="far fa-bookmark"></span> Save</span> <p title="Want to save this page for later?" class="flag-anon-message flag-anon-save-120961" style="display:none"><a href="/saml_login?flag_anon=save-120961&destination=/service/digital-accessibility-program">Log in via MyAccess to save</a>.</p> </p> </div> <div class="block block-layout-builder block-extra-field-blocknodeservicesflag-subscribe"> <p class="flag flag-anon-message flag-subscribe js-flag-subscribe-120961 action-flag"> <span class="label" data-selector=".flag-anon-subscribe-120961"><span class="far fa-bell"></span> Subscribe to Service</span> <p title="Want to receive Status notifications about this Service?" class="flag-anon-message flag-anon-subscribe-120961" style="display:none"><a href="/saml_login?flag_anon=subscribe-120961&destination=/service/digital-accessibility-program">Log in via MyAccess to subscribe</a>.</p> </p> </div> <div class="row"> <ul class="list-group"> <li class="list-group-item"><div class="block block-token-block"> <div class="field field--name-field-service-url field--type-string field--label-inline"> <div class="field__label"><span class="far fa-question-circle"> </span>Support:</div> <div class="field__item"><a href="/saml_login?destination=/service/digital-accessibility-program">Log in via MyAccess to get help with this service</a></div> </div> </div> </li> </ul> </div> <div class="wysiwyg-content row"> <div class="field field--name-field-request-access field--type-text-long field--label-above"> <h2 class="field__label">How to Request Access</h2> <div class="field__item"><p><span>To request Digital Accessibility services, please submit a </span><a href="https://ucsf.service-now.com/ucsfit?id=ucsf_sc_cat_item&sys_id=61ac601a1bb9c51056fedb56dc4bcb78&sysparm_category=6077b0f2a0be7400e2dc5c11a30e5dff"><span>Digital Accessibility Consultation request</span></a><span>.</span></p></div> </div> <hr/> <h2>Accessibility is part of UCSF's mission</h2><p>As the leading institution dedicated exclusively to the health sciences, we are committed to providing web content in accessible formats to ensure that online content and tools are accessible to everyone. Learn more about Digital Accessibility efforts at UCSF by viewing the <a href="https://vimeo.com/showcase/10668367" target="_blank">Accessibility is Me video series</a>. This commitment is supported by the <a href="#committee">UCSF Digital Accessibility Advisory Committee</a>.</p><h2>Enhance UCSF's competitive advantage</h2><p>At the heart of the <a href="https://policy.ucop.edu/doc/7000611/IMT-1300">UC information technology accessibility policy</a> and <a href="https://websites.ucsf.edu/policies-standards">UCSF Web Standards</a> for accessibility is the concept that accessible websites benefit every site visitor with well-designed, easy-to-navigate sites.</p><p>As an educational institution, health care provider, and employer, we operate in competition for the attention of professors, potential learners, patients, new hires, and others. If one of them (for example, a talented School of Medicine master’s program applicant or their parent) cannot read our application page, we run the risk of losing that applicant to another university that delivers fully accessible content.</p><h2>New ADA Title II Ruling</h2><p>This fall, information about the new ruling is moved to a <a href="https://it.ucsf.edu/how-to/ada-title-ii-ruling">separate page with an additional FAQ section</a>.</p><h2>Services</h2><ul><li><a href="https://it.ucsf.edu/service/digital-accessibility-awareness-and-outreach">Digital Accessibility Awareness and Outreach</a></li><li><a href="https://it.ucsf.edu/service/digital-accessibility-consultations-online-content">Digital Accessibility Consultations for Online Content</a><ul><li><strong>Guidelines</strong> – how to meet the criteria </li><li><strong>Training</strong> – classes, videos, online training, and events tailored to your department, speaking at your team meetings</li><li><strong>Advice</strong> – how to strategize and plan your unique accessibility process, using the resources of UCSF and working with vendors</li></ul></li><li><a href="https://it.ucsf.edu/service/software-purchasing-reviews-and-guidance-accessibility">Software Purchasing Reviews and Guidance for Accessibility</a></li></ul><h2><a class="ck-anchor" id="DA-Policy"></a>Policy and Standards</h2><h3>From policy to digital accessibility</h3><article><p>The <a href="https://www.ucop.edu/electronic-accessibility/initiative/policy.html">University of California policy</a> (UC) references federal laws that require our web-delivered services and content to be accessible to people with disabilities.</p></article><p>As a public institution, UCSF is also legally bound to comply with related digital accessibility <a href="https://www.dor.ca.gov/Home/Laws">California state</a> laws and regulations.</p><h3>UC policy from the Office of the President</h3><p>The following is from the <a href="https://policy.ucop.edu/doc/7000611/IMT-1300">University of California – Policy IMT-1300 Information Technology Accessibility Policy Document</a> (PDF):</p><blockquote><p>“The University of California is committed to supporting an information technology (IT) environment that is accessible to all, and in particular to individuals with disabilities. To this end, the University seeks to deploy information technology that has been designed, developed, or procured to be accessible to people with disabilities, including those who use assistive technologies. An accessible IT environment generally enhances usability for everyone. By supporting IT accessibility, the University helps ensure that as broad a population as possible is able to access, benefit from, and contribute to its electronic programs and services.” - UC Information Technology Accessibility Policy</p></blockquote><p>The policy also references the Web Content Accessibility Guidelines (WCAG) in Section B.1:</p><blockquote><p>Web Standard Electronic information must meet the Web Content Accessibility Guidelines (WCAG) 2.0 at level AA Success Criteria. More information about the World Wide Web Consortium’s (W3C) standards for accessibility can be found at the W3C website.</p></blockquote><p>More details at the <a href="http://www.ucop.edu/electronic-accessibility/index.html" target="_self">University of California Office of the President Electronic Accessibility website</a>.</p><h3>Web Content Accessibility Guidelines (WCAG)</h3><p>WCAG is a series of web accessibility guidelines published by the Web Accessibility Initiative (WAI) of the World Wide Web Consortium (W3C). The W3C is the main international standards organization for the Internet. WCAG is a stable technical standard. It has guidelines organized under 4 principles: (POUR):</p><ul><li>perceivable</li><li>operable</li><li>understandable</li><li>robust.</li></ul><p>For each guideline, there are testable success criteria, which are at three levels: A, AA, and AAA. The current UC policy references conformance at level A and AA. The level AAA is the most stringent and most difficult level to achieve.</p><p>Meeting WCAG also fulfills the web requirements of section 508. Generally, web developers and lawsuits refer to WCAG as the gold standard.</p><h2><a class="ck-anchor" id="committee"></a>Digital Accessibility Advisory Committee</h2><p>IT (Information Technology) created a team to help all at UCSF meet our digital accessibility policy. The team includes Advisors, Core members and Specialists to create guidelines and resources.</p><p>The policy is that our digital communications and services be just as accessible to persons with disabilities as our facilities and programs are. UCSF is inclusive from the core. The technology of the internet, once a revolution of <strong>inclusivity</strong>, with all its innovations now inadvertently can exclude users with disabilities.</p><p>To help meet our policy and values, while innovating to meet UCSFs mission, we offer Digital Accessibility:</p><ul><li><strong>Guidelines</strong> – how to meet the criteria </li><li><strong>Training</strong> – classes, videos, online training, and events tailored to your department, speaking at your team meetings</li><li><strong>Advice</strong> – how to strategize and plan your unique accessibility process, using the resources of UCSF and working with vendors</li></ul><p>The “digital” of digital accessibility, refers to communication that is digitally transmitted, for example, web, apps, emails, PDFs, etcetera. It does not include physical accessibility like alternatives to stairs and automatic door openers. Information about physical access can be found at <a href="https://disability.ucsf.edu/">Disability Resources</a>.</p><h3>Committee Members</h3><ul><li>Cynthia Milionis, SOM Tech</li><li>Terry Giang, Representative for the Office of Diversity and Outreach</li><li>Tiffany Berber, Department of Medicine</li><li>Rhiannon Croci, Health Informatics</li><li>Clay Littrell, Student Disability Services, <strong>Former</strong> <strong>Chair</strong></li><li>Michael Marmon, IT</li><li>Michele Mizejewski, Library</li><li>Mike Mullen, Anesthesia</li><li>Susan Riddle, Supply Chain </li><li>Judy Rosen, Disability and Leave Administration</li><li>Erik Rotman, Student Academic Affairs and Graduate Division</li><li>Sara Shaffer, Office of Communications</li><li>Meg Cody, Risk Advisory</li><li>Wendy Tobias Ed.D., Chief Accessibility and Inclusion Officer, Office of Diversity and Outreach</li><li>Kyle Van Auker, Senior Video Producer/Director, Educational Technology Services</li><li>Susan Walker, Audit and Advisory Services</li><li>Erik Wieland, Content Management & Communication, UCSF IT</li><li>Jill Wolters, IT </li><li>Christina Ovalle, IT</li></ul><h3>Planning Committee</h3><ul><li>Erik Wieland, Content Management & Communication, UCSF IT</li><li>Jill Wolters, IT Web Services</li><li>Christina Ovalle, IT</li></ul><h3>Sponsors</h3><ul><li>Joe Bengfort, CIO</li><li>Garima Srivastava, VP and Associate CIO, Enterprise Systems, IT</li></ul> </div> <div class="row"> <ul class="list-group list-bottom"> <li class="list-group-item"> <strong class="field__label">Day-to-day Contact: </strong> Jill Wolters </li> <li class="list-group-item"> <strong class="field__label">Service Manager: </strong> Erik Wieland </li> <li class="list-group-item"> <strong class="field__label">Service Owner Team: </strong> <a href="/directory/team/accessibility-analytics" hreflang="en">Accessibility & Analytics</a> </li> <li class="list-group-item"> <strong class="field__label">Service Support Team: </strong> <a href="/directory/team/accessibility-analytics" hreflang="en">Accessibility & Analytics</a> </li> <li class="list-group-item"> <strong>Audience: </strong> <span>Affiliate, </span> <span>Faculty, </span> <span>Non-UCSF, </span> <span>Staff, </span> <span>Student, </span> <span>Technical Partner, </span> <span>Volunteer</span> </li> <li class="list-group-item"> <strong class="field__label">Service Category: </strong> <a href="/services/list?field_category%5B241%5D=241" hreflang="en">Web Services</a> </li> </ul> </div> <div class="row"> <div class="related-content"> <div class="row"> <div class="related-content-title"> <h2 class="title">Related Information</h2><div class="flare"></div> </div> <ul class="list-group"> <li class="list-group-item list-group-title"><a href="/how-to/testing-digital-accessibility" hreflang="en">Testing for Digital Accessibility</a></li> <li class="list-group-item list-group-title"><a href="/how-to/color-accessibility" hreflang="en">Color Accessibility</a></li> <li class="list-group-item list-group-title"><a href="/how-to/documents-accessibility" hreflang="en">Documents Accessibility</a></li> <li class="list-group-item list-group-title"><a href="/how-to/forms-accessibility" hreflang="en">Forms Accessibility</a></li> <li class="list-group-item list-group-title"><a href="/how-to/images-accessibility" hreflang="en">Images Accessibility</a></li> <li class="list-group-item list-group-title"><a href="/how-to/javascript-accessibility" hreflang="en">JavaScript Accessibility</a></li> <li class="list-group-item list-group-title"><a href="/how-to/pdf-accessibility" hreflang="en">PDF Accessibility</a></li> <li class="list-group-item list-group-title"><a href="/how-to/structure-and-headings-accessibility" hreflang="en">Structure and Headings Accessibility </a></li> <li class="list-group-item list-group-title"><a href="/how-to/videos-accessibility" hreflang="en">Videos Accessibility</a></li> <li class="list-group-item list-group-title"><a href="/how-to/hosting-your-virtual-events" hreflang="en">Hosting Your Virtual Events</a></li> </ul> </div> <div class="views-element-container block block-views block-views-blockrelated-news-block-5"> <div><div class="view view-related-news view-id-related_news view-display-id-block_5 js-view-dom-id-39d7e651503a18612e0e0827058a8cec0895ba4c4a489804a388fe77ef1e4f17"> <div class="view-header"> <div class="related-content-title"><h2 class="title">Related Events</h2><div class="flare"></div></div> </div> <div class="view-content"> <div> <ul class="list-group"> <li class="list-group-item list-group-title"><div class="views-field views-field-title"><span class="field-content"><a href="/news-events/events/2024-12-06-0900/digital-accessibility-office-hours" hreflang="en">Digital Accessibility Office Hours</a></span></div><div class="views-field views-field-field-event-date"><div class="field-content"><time datetime="2024-12-06T17:00:00Z" class="datetime">Friday, December 6, 2024 / 9:00 am</time> - <time datetime="2024-12-06T17:50:00Z" class="datetime">Friday, December 6, 2024 / 9:50 am</time> </div></div></li> <li class="list-group-item list-group-title"><div class="views-field views-field-title"><span class="field-content"><a href="/news-events/events/2024-12-11-0900/testing-websites-users-disabilities" hreflang="en">Testing Websites with Users with Disabilities</a></span></div><div class="views-field views-field-field-event-date"><div class="field-content"><time datetime="2024-12-11T17:00:00Z" class="datetime">Wednesday, December 11, 2024 / 9:00 am</time> - <time datetime="2024-12-11T18:30:00Z" class="datetime">Wednesday, December 11, 2024 / 10:30 am</time> </div></div></li> </ul> </div> </div> </div> </div> </div> <div class="views-element-container block block-views block-views-blockrelated-news-block-3"> <div><div class="view view-related-news view-id-related_news view-display-id-block_3 js-view-dom-id-00b7d14b74a610ef9e808a075c7b92906d0b661869f848c163d22fc5dff23288"> <div class="view-header"> <div class="related-content-title"><h2 class="title">Related News</h2><div class="flare"></div></div> </div> <div class="view-content"> <div> <ul class="list-group"> <li class="list-group-item list-group-title"><div class="views-field views-field-title"><span class="field-content"><a href="/news-events/news/double-live-accessibility-training-september" hreflang="en">Double the Live Accessibility Training for September</a></span></div><span class="views-field views-field-uid"><span class="field-content">Jill Wolters</span></span>/<span class="views-field views-field-field-news-date"><span class="field-content">Thursday, September 12, 2024</span></span></li> <li class="list-group-item list-group-title"><div class="views-field views-field-title"><span class="field-content"><a href="/news-events/news/recap-2024-global-accessibility-awareness-day-gaad-events" hreflang="en">Recap of 2024 Global Accessibility Awareness Day (GAAD) Events</a></span></div><span class="views-field views-field-uid"><span class="field-content">Jill Wolters</span></span>/<span class="views-field views-field-field-news-date"><span class="field-content">Tuesday, May 28, 2024</span></span></li> <li class="list-group-item list-group-title"><div class="views-field views-field-title"><span class="field-content"><a href="/news-events/news/recording-available-manual-accessibility-testing-lunch-and-learn" hreflang="en">Recording available of the Manual Accessibility Testing Lunch and Learn</a></span></div><span class="views-field views-field-uid"><span class="field-content">Jill Wolters</span></span>/<span class="views-field views-field-field-news-date"><span class="field-content">Friday, October 27, 2023</span></span></li> <li class="list-group-item list-group-title"><div class="views-field views-field-title"><span class="field-content"><a href="/news-events/news/digital-accessibility-videos-summer-watch-list" hreflang="en">Digital Accessibility Videos Summer Watch List</a></span></div><span class="views-field views-field-uid"><span class="field-content">Jill Wolters</span></span>/<span class="views-field views-field-field-news-date"><span class="field-content">Tuesday, June 14, 2022</span></span></li> <li class="list-group-item list-group-title"><div class="views-field views-field-title"><span class="field-content"><a href="/news-events/news/join-us-global-accessibility-awareness-day-gaad-may-19-2022" hreflang="en">Join us for Global Accessibility Awareness Day (GAAD) on May 19, 2022</a></span></div><span class="views-field views-field-uid"><span class="field-content">Jill Wolters</span></span>/<span class="views-field views-field-field-news-date"><span class="field-content">Thursday, May 19, 2022</span></span></li> </ul> </div> </div> </div> </div> </div> </div> </div> </main> <aside class="sidebar"> <div class="mobile-sidebar-controls"><div class="toggle-sidebar"></div><span>Section Menu</span></div> <div class="views-element-container block block-views block-views-blockhierarchical-sidebar-content--block-1"> <div><div class="view view-hierarchical-sidebar-content- view-id-hierarchical_sidebar_content_ view-display-id-block_1 js-view-dom-id-c35e984cc0d9c96587120aec2332ac737d8db14144f7764bfd3872cedc74c090"> <div class="view-content"> <div><div class="views-field views-field-title sidebar-menu"><div class="field-content menu-heading">Digital Accessibility Program</div></div> <div><ul class="sidebar-menu"><li><a class="depth-0" href="/service/digital-accessibility-awareness-and-outreach">Digital Accessibility Awareness and Outreach</a> </li><li><a class="depth-0" href="/how-to/ada-title-ii-ruling">ADA Title II Ruling</a> </li><li><a class="depth-0" href="/how-to/getting-started-digital-accessibility">Getting Started with Digital Accessibility</a> </li><li><a class="depth-0" href="/how-to/digital-accessibility-training">Digital Accessibility Training</a> </li><li><a class="depth-0" href="/how-to/introduction-digital-accessibility-ucsf">Introduction to Digital Accessibility at UCSF</a> </li><li><a class="depth-0" href="/service/digital-accessibility-consultations-online-content">Digital Accessibility Consultations for Online Content</a> </li><li><a class="depth-0" href="/how-to/testing-digital-accessibility">Testing for Digital Accessibility</a> </li><li><a class="depth-0" href="/how-to/color-accessibility">Color Accessibility</a> </li><li><a class="depth-0" href="/how-to/documents-accessibility">Documents Accessibility</a> </li><li><a class="depth-0" href="/how-to/forms-accessibility">Forms Accessibility</a> </li><li><a class="depth-0" href="/how-to/images-accessibility">Images Accessibility</a> </li><li><a class="depth-0" href="/how-to/javascript-accessibility">JavaScript Accessibility</a> </li><li><a class="depth-0" href="/how-to/pdf-accessibility">PDF Accessibility</a> </li><li><a class="depth-0" href="/how-to/structure-and-headings-accessibility">Structure and Headings Accessibility </a> </li><li><a class="depth-0" href="/how-to/videos-accessibility">Videos Accessibility</a> </li><li><a class="depth-0" href="/how-to/hosting-your-virtual-events">Hosting Your Virtual Events</a> </li><li><a class="depth-0" href="/service/software-purchasing-guidance">Software Purchasing Guidance</a> </li><li><a class="depth-0" href="/how-to/community-practice">Community of Practice</a> </li></ul></div></div> </div> </div> </div> </div> </aside> </div> </div> </article> </div> </div> </div> </main> <footer class="global-footer" role="contentinfo"> <div class="container-lg"> <div class="flex-row"> <div class="col"> <figure class="logo"> <a href="/" aria-current="page" class="logo__link" title="Home" rel="home"> <picture class="logo__image"> <img src="/themes/custom/its_default/img/ucsf-it-logo-white.svg" alt="Home" class="logo__img"> </picture> </a> </figure> </div> <div class="col"> <div class="region-footer-col1"> <nav role="navigation" aria-labelledby="block-footercol1-menu" id="block-footercol1" class="block block-menu navigation menu--footer-col-1"> <h2 class="visually-hidden" id="block-footercol1-menu">Footer Col 1</h2> <ul class="menu"> <li class="menu-item"> <a href="/status">Status </a> </li> <li class="menu-item"> <a href="/services">Services </a> </li> <li class="menu-item"> <a href="/how-to">How To </a> </li> <li class="menu-item"> <a href="/news-events">News & Events </a> </li> </ul> </nav> </div> </div> <div class="col"> <div class="region-footer-col2"> <nav role="navigation" aria-labelledby="block-footercol2-menu" id="block-footercol2" class="block block-menu navigation menu--footer-col-2"> <h2 class="visually-hidden" id="block-footercol2-menu">Footer Col 2</h2> <ul class="menu"> <li class="menu-item"> <a href="/about-us">About </a> </li> <li class="menu-item"> <a href="/directory">IT Directory </a> </li> <li class="menu-item"> <a href="/standard-guideline">Standards & Guidelines </a> </li> </ul> </nav> </div> </div> <div class="col"> <div class="region-footer-col3"> <nav role="navigation" aria-labelledby="block-footercol3-menu" id="block-footercol3" class="block block-menu navigation menu--footer-col-3"> <h2 class="visually-hidden" id="block-footercol3-menu">Footer Col 3</h2> <li class="menu-item"> <a href="/form/servicenow" class="webform-dialog webform-dialog-wide" title="/form/servicenow">Report issue with this page</a> </li> <li class="menu-item"> <a href="https://help.ucsf.edu">Get Help</a> </li> <li class="menu-item"> <a href="https://recognize.ucsf.edu">Recognize IT Staff</a> </li> </nav> </div> <div class="modal-wrapper" data-sn-modal> <div role="dialog" aria-labelledby="modal-title" aria-modal="true" class="modal" style="z-index: 10;"> <div class="service-now-modal"> <button aria-label="close reveal" role="button" tabindex="0" class="close-modal"> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="times" role="presentation" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512" class="svg-inline--fa fa-times fa-w-10"> <path fill="currentColor" d="M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z" class=""></path> </svg> </button> <h1 id="modal-title">Submit a Support Inquiry</h1> <p>For emergencies and high priority issues please call the IT Service Desk (415) 514-4100</p> <p class="validation-message"></p> <form> <div class="description-radios"> <div class="radio"> <input name="u_short_description" type="radio" id="one" value="The content on this page has an error…" checked> <label for="one">The content on this page has an error…</label> </div> <div class="radio"> <input name="u_short_description" type="radio" id="two" value="The page doesn’t work right…"> <label for="two">The page doesn’t work right…</label> </div> </div> <div class="description-custom" hidden> <label for="u_short_description">Short Description</label> <div> <input type="text" id="u_short_description" name="u_short_description" disabled required/> </div> </div> <label for="u_long_description">Please provide a detailed description of the issue:</label> <div> <textarea id="u_long_description" name="u_long_description" rows="5" cols="60" required></textarea> </div> <button class="btn btn-secondary" type="submit">Submit</button> </form> </div> </div> <div class="overlay"></div> </div> </div> <div class="col"> <div class="region-footer-social-links"> <nav> <ul class="social-links"> <li> <a href="https://www.facebook.com/ucsf"> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook" role="presentation" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="svg-inline--fa fa-facebook fa-w-16"> <path fill="currentColor" d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z" class=""></path> </svg> <span class="hide-visually-offscreen">Facebook</span> </a> </li> <li> <a href="https://twitter.com/ucsf"> <svg aria-hidden="true" focusable="false" data-icon="twitter" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-w-16"> <path fill="currentColor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/> </svg> <span class="hide-visually-offscreen">Twitter</span> </a> </li> <li> <a href="https://www.youtube.com/ucsf"> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="youtube" role="presentation" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" class="svg-inline--fa fa-youtube fa-w-18"> <path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" class=""></path> </svg> <span class="hide-visually-offscreen">YouTube</span> </a> </li> <li> <a href="https://www.instagram.com/ucsf/"> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" role="presentation" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" class="svg-inline--fa fa-instagram fa-w-14"> <path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" class=""></path> </svg> <span class="hide-visually-offscreen">Instagram</span> </a> </li> </ul> </nav> </div> </div> </div><hr><div class="flex-row"> <p>© 2024 The Regents of the University of California</p> </div> </div> </footer> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/120961","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJxVj1EOAiEMRC-EcKRNFwrWFGpocV1PL9E16k87mZdMZkAVbaF2wWjSQ1T162CeXqY7qosMqntYQfGjK6pC-bImaTLpGFIfV2APwyRKvc6UAzTpFZge6DJDWaBJ-8S4LM1gQ5WK4Ud7vRVHpkvCDIPtxU4H_AOFZQU-qe1MrThF6PG8_JYIdsaZWKnRrOHnSKe7Gtb3rhvhpuF1fZU0GN2Ga56dw_F9ImApT4cdda8","theme":"its_default","theme_token":null},"ajaxTrustedUrl":[],"component":{"plugins":[]},"search_autocomplete":{"service_search":{"source":"\/callback\/nodes","selector":"#service-list-search","minChars":2,"maxSuggestions":10,"autoSubmit":true,"autoRedirect":false,"theme":"minimal","filters":["q","title"],"noResult":{"group":{"group_id":"no_results"},"label":"No results found for [search-phrase]. Click to perform full search.","value":"[search-phrase]","link":""},"moreResults":{"group":{"group_id":"more_results"},"label":"View all results for [search-phrase].","value":"[search-phrase]","link":""}}},"css_js_query_string":"snbtp1","webform":{"dialog":{"options":{"narrow":{"title":"Narrow","width":600},"normal":{"title":"Normal","width":800},"wide":{"title":"Wide","width":1000}},"entity_type":"node","entity_id":"120961"}},"user":{"uid":0,"permissionsHash":"f4bc137c3b0e0417208499cfcce574068aa7e6d23310565c0f8c756bdf849489"}}</script> <script src="/sites/it.ucsf.edu/files/js/js_VrRdbqTfEA4XKKuZkwgd1OFu9IGC8g79MSKEnM9KiIc.js?scope=footer&delta=0&language=en&theme=its_default&include=eJxVjutyAyEIhV-I6CPtsIqGDkpGMNvt09d2tp3kD7cDHwfNyDfuH5RcR0xmYZ8ia1b4kwyKdseDTBvFlzrYs4IRjnTfcLombY91RNHvtNTGnRtKWDhIOijmMR-rf10FO82pxR2NIAmanW91IzOsdAG6jgXkLwJ22zIVnOKxiu4oN_NTuNc36cfs7XILB-1lAeKVQ2YUrfBkOiz-xtA0T_l_3jUTFMG6Ydf-5-Ub1bZ1rw"></script> <script src="/themes/custom/its_default/js/main.js?snbtp1" type="module"></script> <script src="/sites/it.ucsf.edu/files/js/js_KrvVL5yuqzAxqzdfJlVarZSqLY8baXIiEOcFUw-MlEI.js?scope=footer&delta=2&language=en&theme=its_default&include=eJxVjutyAyEIhV-I6CPtsIqGDkpGMNvt09d2tp3kD7cDHwfNyDfuH5RcR0xmYZ8ia1b4kwyKdseDTBvFlzrYs4IRjnTfcLombY91RNHvtNTGnRtKWDhIOijmMR-rf10FO82pxR2NIAmanW91IzOsdAG6jgXkLwJ22zIVnOKxiu4oN_NTuNc36cfs7XILB-1lAeKVQ2YUrfBkOiz-xtA0T_l_3jUTFMG6Ydf-5-Ub1bZ1rw"></script> <script type="text/javascript"> /*<![CDATA[*/ (function() { var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; sz.src = '//siteimproveanalytics.com/js/siteanalyze_8343.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); })(); /*]]>*/ </script> </body> </html>