CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" version="XHTML+RDFa 1.0" dir="ltr" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:og="http://ogp.me/ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:sioc="http://rdfs.org/sioc/ns#" xmlns:sioct="http://rdfs.org/sioc/types#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#"> <head profile="http://www.w3.org/1999/xhtml/vocab"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Generator" content="Drupal 7 (http://drupal.org)" /> <link rel="canonical" href="/blog/human-resources-website-success-story" /> <link rel="shortlink" href="/node/12431" /> <link rel="shortcut icon" href="https://websites.ucsf.edu/profiles/ucsf_b1gfoot/themes/ucsf_b1gfoot_theme/favicon.ico" type="image/vnd.microsoft.icon" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta property="og:image" content="https://websites.ucsf.edu/profiles/ucsf_b1gfoot/themes/ucsf_b1gfoot_theme/img/img-metatag.jpg" /> <meta property="og:image:width" content="940" /> <meta property="twitter:image" content="https://websites.ucsf.edu/profiles/ucsf_b1gfoot/themes/ucsf_b1gfoot_theme/img/img-metatag.jpg" /> <meta property="twitter:card" content="summary" /> <meta property="og:site_name" content="UCSF Websites" /> <meta property="twitter:url" content="https://websites.ucsf.edu/blog/human-resources-website-success-story" /> <meta property="og:url" content="https://websites.ucsf.edu/blog/human-resources-website-success-story" /> <meta property="twitter:title" content="The Human Resources Website Success Story | UCSF Websites" /> <meta property="og:title" content="The Human Resources Website Success Story" /> <meta property="twitter:description" content="The content and navigation improvement work of the Human Resources (HR) website redesign paid off in spades, increasing usability and accessibility along the way. " /> <meta property="og:description" content="The content and navigation improvement work of the Human Resources (HR) website redesign paid off in spades, increasing usability and accessibility along the way. " /> <title>The Human Resources Website Success Story | UCSF Websites</title> <link type="text/css" rel="stylesheet" href="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/css/css_kShW4RPmRstZ3SpIC-ZvVGNFVAi0WEMuCnI0ZkYIaFw.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/css/css_skhFl2AhilhxAlHjGa_fTNSPVanaq_LTvzbp87QV8BM.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/css/css_KtV_0W2L1RpBdKj5ObC3CRUchB_iaxUEL8n1_iqwt5o.css" media="all" /> <style type="text/css" media="all"> <![CDATA[/*> </style> <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hopscotch/0.2.5/css/hopscotch.min.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/css/css_0wq-oSMa1dZUDrswIs--ZE9BmEbEiCxrgJH-DEpoXrI.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/css/css_47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU.css" media="print" /> <style type="text/css" media="all"> <![CDATA[/*> </style> <link type="text/css" rel="stylesheet" href="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/css/css_MB_OJmOWZ3q8_itIvibVBCwqx5eIBtmFezuG3FGZPnE.css" media="all" /> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_Pt6OpwTd6jcHLRIjrE-eSPLWMxWDkcyYrPTIrXDSON0.js"></script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_onbE0n0cQY6KTDQtHO_E27UBymFC-RuqypZZ6Zxez-o.js"></script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_gHk2gWJ_Qw_jU2qRiUmSl7d8oly1Cx7lQFrqcp3RXcI.js"></script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_ROty9TLRT7GvgDUFw_QNzL45vlatntRp6wuC_6otqeQ.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/hopscotch/0.2.5/js/hopscotch.min.js"></script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_X29AUVcfuG5wHH9ySA6s5LgOAjmkzlakDPpSV6MBBjY.js"></script> <script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=UA-174314-31"></script> <script type="text/javascript"> <![CDATA[//><!]]> </script> <script type="text/javascript"> <![CDATA[//><!]]> </script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_pBJ9BqqTImG5h6xNRUOzZ4_9dQezvjMt-I7yPp8naQY.js"></script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_QQeuJpMVaNOcbJ6HF3pJFdPsqb0L--SFT89e1HBmNhE.js"></script> <script type="text/javascript"> <![CDATA[//><!]]> </script> </head> <body class="html not-front not-logged-in page-node page-node- page-node-12431 node-type-blog ucsf-b1gfoot font--header--granjon profile--grid sidebar sidebar--right sidebar-color--white" > <div id="skip-link"> <a href="#main-content" class="element-invisible element-focusable">Skip to main content</a> </div> <div id="page-wrapper"> <div id="page"> <div class="ucsf-top-header row-full-width no-logo"> <div class="inside"> <ul class="menu"> <li class="first"><a href="http://www.ucsf.edu">University of California San Francisco</a></li> <li><a href="http://www.ucsfhealth.org/">UCSF Health</a></li> <li><a href="http://www.ucsf.edu/search" title="">Search UCSF</a></li> <li><a href="http://www.ucsf.edu/about">About UCSF</a></li> </ul> </div> </div> <div id="header" class="row-full-width"> <div class="inside clearfix"> <h1 id="site-name"> <a href="/" title="Home" rel="home"> UCSF Websites </a> </h1> <div class="region region-header"> <div id="block-search-form" class="block block-search"> <div class="content"> <form onsubmit="if(this.search_block_form.value=='Search'){ alert('Please enter a search'); return false; }" action="/blog/human-resources-website-success-story" method="post" id="search-block-form" accept-charset="UTF-8"><div><div class="container-inline"> <h2 class="element-invisible">Search form</h2> <div class="form-item form-type-textfield form-item-search-block-form"> <label class="element-invisible" for="edit-search-block-form--2">Search... </label> <input title="Enter the terms you wish to search for." placeholder="Search..." class="text-input fa fa-search form-text" aria-hidden="" type="text" id="edit-search-block-form--2" name="search_block_form" value="" size="40" maxlength="128" /> </div> <div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-submit" name="op" value="" class="form-submit" /></div><input type="hidden" name="form_build_id" value="form-OOu_Kiqntjk0bDWKuYH5bzS2YChEx-h-6h2Wo1GjTd8" /> <input type="hidden" name="form_id" value="search_block_form" /> </div> </div></form> </div> </div> <div id="block-ucsf-b1gfoot-tweaks-header-socialmedia" class="block block-ucsf-b1gfoot-tweaks"> <div class="content"> <div class="nav-social"></div> </div> </div> <div id="block-menu-block-1" class="block block-menu-block"> <div class="content"> <div class="menu-block-wrapper menu-block-1 menu-name-main-menu parent-mlid-0 menu-level-1"> <ul class="menu"><li class="first expanded menu-mlid-1966"><a href="/checklist-create-website">Get Started</a><ul class="menu"><li class="first leaf menu-mlid-2036"><a href="/checklist-create-website" title="">New Website Checklist</a></li> <li class="leaf menu-mlid-1976"><a href="/quiz-do-i-need-website">Quiz: Do I Need A Website?</a></li> <li class="leaf menu-mlid-2021"><a href="/ucsf-site-builder">UCSF Site Builder</a></li> <li class="leaf has-children menu-mlid-2032"><a href="/custom-built-sites">Custom-Built Sites</a></li> <li class="leaf menu-mlid-3921"><a href="/website-hosting">Website Hosting</a></li> <li class="last leaf menu-mlid-5791"><a href="/consulting-services">Consulting Services</a></li> </ul></li> <li class="expanded menu-mlid-1981"><a href="/policies-standards">Policies & Standards</a><ul class="menu"><li class="first leaf menu-mlid-2041"><a href="/policies-standards" title="">Overview & Requirements</a></li> <li class="leaf menu-mlid-4051"><a href="/policies-standards/ucsf-policy-registration-and-use-domain-names">Registration and Use of Domain Names</a></li> <li class="leaf menu-mlid-2046"><a href="/brand-standards">Brand Standards</a></li> <li class="leaf has-children menu-mlid-2051"><a href="/digital-accessibility">Digital Accessibility</a></li> <li class="last leaf menu-mlid-12426"><a href="/website-security">Website Security</a></li> </ul></li> <li class="leaf menu-mlid-1996"><a href="/showcase">Showcase</a></li> <li class="expanded active-trail menu-mlid-2256"><a href="/blog" title="" class="active-trail">News & Events</a><ul class="menu"><li class="first leaf menu-mlid-2261"><a href="/blog" title="">News & Announcements</a></li> <li class="last leaf menu-mlid-2061"><a href="/events">Events</a></li> </ul></li> <li class="expanded menu-mlid-2001"><a href="/help">Help</a><ul class="menu"><li class="first leaf menu-mlid-13161"><a href="/training">Training</a></li> <li class="leaf menu-mlid-2016"><a href="/frequently-asked-questions">Frequently Asked Questions</a></li> <li class="leaf menu-mlid-2006"><a href="https://it.ucsf.edu/service/digital-accessibility-program" title="">Accessibility Resources</a></li> <li class="last leaf menu-mlid-9841"><a href="/drupal-tutorials" title="">Tutorials</a></li> </ul></li> <li class="last expanded menu-mlid-8591"><a href="/azlist" title="">A-Z Websites</a><ul class="menu"><li class="first leaf menu-mlid-9836"><a href="/azlist" title="">A-Z Websites List</a></li> <li class="last leaf menu-mlid-9826"><a href="/updating-z-website-list">Updating the A-Z list</a></li> </ul></li> </ul></div> </div> </div> </div> </div> </div> <div id="breadcrumb" class="row-full-width"><div class="inside"><h2 class="element-invisible">You are here</h2><div class="breadcrumb"><a href="/">Home</a> > <a href="/blog">UCSF Website Updates</a> > <span class="breadcrumb-page-title">The Human Resources Website Success Story</span></div></div></div> <div class="content-top"> <div class="region region-content-top"> <div id="block-ucsf-b1gfoot-blog-startingpoint-blog-header" class="block block-ucsf-b1gfoot-blog"> <div class="content"> <div class="row-full-width"><div class="blog-header-background with-image"><div class="bg-image" style="background-image:url(https://websites.ucsf.edu/sites/websites.ucsf.edu/files/blog_background/data-network-connections-darker.jpg)"></div><div class="inside"><h2>UCSF Website Updates</h2></div></div><div class="inside"><p>News and announcements regarding UCSF websites, as well as best practices and tips for getting the most out of your web presence.</p></div></div> </div> </div> </div> </div> <div id="main-wrapper"> <div id="main" class="clearfix"> <div id="content" class="column"> <div class="inside"> <a id="main-content"></a> <div class="tabs"></div> <div class="region region-content"> <div id="block-system-main" class="block block-system"> <div class="content"> <div id="node-12431" class="node node-blog clearfix" about="/blog/human-resources-website-success-story" typeof="sioc:Item foaf:Document"> <h1>The Human Resources Website Success Story</h1> <span property="dc:title" content="The Human Resources Website Success Story" class="rdf-meta element-hidden"></span><span property="sioc:num_replies" content="0" datatype="xsd:integer" class="rdf-meta element-hidden"></span> <div class="content"> <div class="field field-name-field-ref-author field-type-entityreference field-label-hidden"><div class="field-items"><div class="field-item even"><div class="share-buttons"><a rel="nofollow" href="http://www.facebook.com/share.php?u=https%3A%2F%2Fwebsites.ucsf.edu%2Fblog%2Fhuman-resources-website-success-story&t=The+Human+Resources+Website+Success+Story" target="_blank" title="Share on Facebook" class="share-facebook"><span class="fa fa-facebook" aria-hidden></span><span class="text-indent">Facebook</span></a><a rel="nofollow" href="http://www.twitter.com/share?url=https%3A%2F%2Fwebsites.ucsf.edu%2Fblog%2Fhuman-resources-website-success-story&text=The+Human+Resources+Website+Success+Story" target="_blank" title="Share on Twitter" class="share-twitter"><span class="fa fa-twitter" aria-hidden></span><span class="text-indent">Twitter</span></a><a rel="nofollow" href="/cdn-cgi/l/email-protection#fec18a91c3d88d8b9c949b9d8ac3aa969bdbccceb68b939f90dbccceac9b8d918b8c9d9b8ddbcccea99b9c8d978a9bdbcccead8b9d9d9b8d8ddbcccead8a918c87d89c919a87c3aa969bdbccce9d91908a9b908adbccce9f909adbccce909f8897999f8a979190dbccce97938e8c91889b939b908adbccce89918c95dbccce9198dbccce8a969bdbccceb68b939f90dbccceac9b8d918b8c9d9b8ddbcccedbccc6b6acdbccc7dbccce899b9c8d978a9bdbccce8c9b9a9b8d979990dbccce8e9f979adbccce919898dbccce9790dbccce8d8e9f9a9b8ddbccbddbccce97909d8c9b9f8d979099dbccce8b8d9f9c9792978a87dbccce9f909adbccce9f9d9d9b8d8d979c9792978a87dbccce9f92919099dbccce8a969bdbccce899f87d0dbcccedbcebadbcebfdbcebadbcebfdbcebadbcebfdbcebadbcebf968a8a8e8ddbcdbfdbccb8dbccb8899b9c8d978a9b8dd08b9d8d98d09b9a8bdbccb89c929199dbccb8968b939f90d38c9b8d918b8c9d9b8dd3899b9c8d978a9bd38d8b9d9d9b8d8dd38d8a918c87" title="Share by Email" class="share-email"><span class="fa fa-envelope-o" aria-hidden></span><span class="text-indent">Email</span></a><span class="st_sharethis_custom"><span class="fa fa-share-alt" aria-hidden title="More Share options"></span><span class="text-indent">Share</span></span></div><div class="field field-name-field-image field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><a href="/blog-author/jill-wolters"><img typeof="foaf:Image" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/styles/blog_author_thumbnail/public/fields/field_image/blog-authors/jill-wolters.jpg?itok=8WuQyJST" width="180" height="180" alt="" /></a></div></div></div><div class="byline"><div class="byline-author"><a href="/blog-author/jill-wolters">Jill Wolters</a></div><div class="byline-date">September 28, 2021</div></div></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>Congratulations on the combined efforts of the Human Resources (HR) web team and IT Web Services. Together they increased the <a href="https://hr.ucsf.edu">HR website</a> Siteimprove accessibility score to 98.3 out of 100. This is one of the top 10 highly trafficked UCSF websites where the average site score is 80.3.</p> <p>The HR website redesign project kicked off in the fall of 2020. The top priority was to move the site off an insecure server. Additionally, the HR and Web Services teams migrated the HR site to a new platform and redesigned the content model. These efforts improved usability and accessibility along the way.</p> <h2>Team efforts</h2> <p>Reba Brindley from IT PMO, managed the project and kept it on time and within budget. Judy Daniel from IT Web Services led the content strategy effort and did the heavy lifting along with Élodie Fétiveau, the lead developer.</p> <p>Others from the IT Web Services team contributed significant time and expertise: Jayson Jaynes led the user experience (UX) design; Eric Guerin and Austen Tong provided development support for Élodie; Jill Wolters conducted accessibility reviews; Sasha Miller remediated code-based accessibility issues.</p> <p>The HR team delivered strong leadership, partnership, and hands-on support: Katharine Tull served as the project sponsor; Brad Nakano and Sharon Aretsky provided key assistance with the migration; and a full lineup of HR content owners provided feedback, content reviews and final sign off to ensure an accurate, improved HR website. Aaron Calhoun was instrumental in the content migration.</p> <h2>Previous state</h2> <p>The HR website’s accessibility score, tracked since the University of California Siteimprove rollout in the spring of 2018, consistently hovered in the 60s with multiple accessibility issues flagged.</p> <ul> <li data-stringify-border="0" data-stringify-indent="0">Site’s search was in bad shape and didn't deliver satisfactory results.</li> <li data-stringify-border="0" data-stringify-indent="0">Navigation was not logical, and page headings were used incorrectly.</li> <li data-stringify-border="0" data-stringify-indent="0">Deprecated and semantically incorrect HTML code was rampant.</li> <li data-stringify-border="0" data-stringify-indent="0">Images did not include alternative text, or if they did exist, used the file name instead of human language descriptions.</li> <li data-stringify-border="0" data-stringify-indent="0">Tables were misused for layout.</li> <li data-stringify-border="0" data-stringify-indent="0">When tables were appropriately used for data, they were missing descriptions plus rows and column headers.</li> </ul> <h2>Current state</h2> <p>Heavy-lift content review and best practices made a huge, positive difference.</p> <ul> <li>Less, better content: An eight-week content audit radically reduced the HR site page inventory from 4,000 to 300 pages. A smaller site with less but more meaningful content means users can more easily find what they're looking for.</li> <li>Updated information architecture (IA) and navigation support real-people language and logic.</li> <li>Better content organization: The team migrated content into a new CMS and content type templates which better structures and organizes the content.</li> <li>Newly structured page content reduces the user’s cognitive load so they can easily and quickly find the right information.</li> <li>Content and data tables now are accessible: <ul> <li>Sighted users can now visually scan the tables and quickly make associations between data in a table and the appropriate row and column headers.</li> <li>Users of screen readers can navigate through data tables one cell at a time thanks to proper HTML markup.</li> </ul> </li> <li>Clear calls to action: The design team increased the size of call to action (CTA) buttons. This provides a larger target to click on for users with mobility issues, such as the shaky hands of a user with Parkinson’s disease.</li> <li>Improved navigation: With proper HTML markup in place, keyboard-only users and users of assistive technologies now can easily navigate the site content, including data tables.</li> <li>Improved search: Effortless on-site search now delivers accurate results.</li> </ul> <p>Overall, users encounter fewer barriers to content, and the on-site content is more user friendly. For example, error and warning messages prompt UCSF users to login to access internal content instead of producing a standard error message without instructions on how to move forward.</p> <h2>Future state</h2> <p>The content migration and navigation and content updates were just Phase 1. Continued improvement is an ongoing effort: Improved search, expanded user-centric content and experience, and expanded accessibility improvement efforts continue. Latest Siteimprove data indicates fewer than a dozen PDFs flagged by Siteimprove need fixes, removal, or conversion to HTML. Non-descriptive link text such as “click here” will be resolved using best practices. This means that linked text makes sense out of context for screen reader users who may navigate from link to link, skipping the surrounding text.</p> <p>Quality assurance efforts will focus on fixing broken links, misspellings, and checking Siteimprove’s list of words to review to correct or add to the dictionary.</p> <p>All of this content and navigation improvement work pay off in spades. The more accessibility issues you resolve, the higher your Siteimprove score. For assistance using Siteimprove, please contact Jill Wolters, your campus Siteimprove administrator.</p> </div></div></div> </div> </div> </div> </div> <div id="block-views-blog-related-author-block" class="block block-views"> <h3>More Posts by Jill Wolters</h3> <div class="content"> <div class="view view-blog view-id-blog view-display-id-related_author_block view-dom-id-68213e31ac1497ae67cf172535a55742"> <div class="view-content"> <div class="views-row views-row-1 views-row-odd views-row-first"> <div class="views-field views-field-title"> <span class="field-content"><a href="/blog/2018-global-accessibility-awareness-day-gaad-may-17">2018 Global Accessibility Awareness Day (GAAD) May 17</a></span> </div> <div class="views-field views-field-created"> <span class="field-content">May 1, 2018</span> </div> </div> <div class="views-row views-row-2 views-row-even"> <div class="views-field views-field-title"> <span class="field-content"><a href="/blog/new-web-patterns-library">New Web Patterns Library</a></span> </div> <div class="views-field views-field-created"> <span class="field-content">March 15, 2018</span> </div> </div> <div class="views-row views-row-3 views-row-odd"> <div class="views-field views-field-title"> <span class="field-content"><a href="/blog/modifications-ucsf-brand-guidelines-websites">Modifications to UCSF Brand Guidelines for Websites</a></span> </div> <div class="views-field views-field-created"> <span class="field-content">December 27, 2017</span> </div> </div> <div class="views-row views-row-4 views-row-even"> <div class="views-field views-field-title"> <span class="field-content"><a href="/blog/new-siteimprove-summer-2018-training-series">New Siteimprove Summer 2018 Training Series</a></span> </div> <div class="views-field views-field-created"> <span class="field-content">August 29, 2018</span> </div> </div> <div class="views-row views-row-5 views-row-odd views-row-last"> <div class="views-field views-field-title"> <span class="field-content"><a href="/blog/2018-accessibility-year-review">2018 Accessibility Year in Review</a></span> </div> <div class="views-field views-field-created"> <span class="field-content">January 4, 2019</span> </div> </div> </div> <div class="view-footer"> <a href="/blog?authors=571">All posts by Jill Wolters »</a> </div> </div> </div> </div> </div> </div> </div> <div id="sidebar" class="column"> <div class="sidebar"> <div class="section"> <div class="region region-sidebar"> <div id="block-views-blog-blog-view-all-block" class="block block-views"> <div class="content"> <div class="view view-blog view-id-blog view-display-id-blog_view_all_block view-dom-id-f055434535421d2868c2c6b401a91b82"> <div class="view-header"> <a href="/blog">View All Posts (30)</a> </div> <div class="view-content"> <div class="views-row views-row-1 views-row-odd views-row-first views-row-last"> </div> </div> <div class="item-list"><ul class="pager"><li class="pager-previous first"> </li> <li class="pager-current">1 of 30</li> <li class="pager-next last"><a title="Go to next page" href="/blog/human-resources-website-success-story?page=1">next ›</a></li> </ul></div> </div> </div> </div> <div id="block-views-blog-blog-publicationdate-block" class="block block-views"> <h3>Date of Publication</h3> <div class="content"> <div class="view view-blog view-id-blog view-display-id-blog_publicationdate_block view-dom-id-6adc7e60f00b1dc2b35590e656c2a09e"> <div class="view-content"> <div class="views-row views-row-1 views-row-odd views-row-first views-row-last"> <div class="views-field views-field-created"> <span class="field-content"><a href="/blog?date=2021-09">September 2021</a></span> </div> </div> </div> </div> </div> </div> <div id="block-views-blog-blog-topics-block" class="block block-views"> <h3>Blog Post Topics</h3> <div class="content"> <div class="view view-blog view-id-blog view-display-id-blog_topics_block view-dom-id-fce7cabddb12470aeb002486206ca3b7"> <div class="view-content"> <div class="views-row views-row-1 views-row-odd views-row-first"> <a href="/blog?topics=251">Accessibility</a> </div> <div class="views-row views-row-2 views-row-even"> <a href="/blog?topics=286">Content Strategy</a> </div> <div class="views-row views-row-3 views-row-odd"> <a href="/blog?topics=256">Custom Websites</a> </div> <div class="views-row views-row-4 views-row-even"> <a href="/blog?topics=261">Policies & Standards</a> </div> <div class="views-row views-row-5 views-row-odd views-row-last"> <a href="/blog?topics=291">Web Best Practices</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> <div id="footer"> <div class="section"> <div class="region region-footer"> <div id="block-block-31" class="block block-block"> <div class="content"> <p>Is there additional information on UCSF websites that would be helpful to you? Send us feedback at <a href="/cdn-cgi/l/email-protection#dbacbeb9a8bea9adb2b8bea89baeb8a8bdf5bebfae"><span class="__cf_email__" data-cfemail="ec9b898e9f899e9a858f899fac998f9f8ac2898899">[email protected]</span></a>.</p> </div> </div> </div> <div class="footer-bottom"> <nav aria-label="Footer Navigation" class="footer--navigation"> <ul> <li><a href="/consulting-services">Contact Us</a></li> <li><a href="https://websites.ucsf.edu/digital-accessibility">Accessibility</a></li> <li><a href="https://www.ucsf.edu/website-privacy-policy">Privacy Policy</a></li> <li><a href="https://websites.ucsf.edu/website-terms-use">Terms of Use </a></li> <li><a href="https://websites.ucsf.edu/azlist">A-Z Website List</a></li> </ul> </nav> <div class="footer--copyright"> <p>© 2024 The Regents of the University of California</p> </div> </div> </div> </div> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="https://ws.sharethis.com/button/buttons.js"></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> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> <head> <title>Error | UCSF Websites</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Generator" content="Drupal 7 (http://drupal.org)" /> <link rel="canonical" href="/blog/human-resources-website-success-story" /> <link rel="shortlink" href="/node/12431" /> <link rel="shortcut icon" href="https://websites.ucsf.edu/profiles/ucsf_b1gfoot/themes/ucsf_b1gfoot_theme/favicon.ico" type="image/vnd.microsoft.icon" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta property="og:image" content="https://websites.ucsf.edu/profiles/ucsf_b1gfoot/themes/ucsf_b1gfoot_theme/img/img-metatag.jpg" /> <meta property="og:image:width" content="940" /> <meta property="twitter:image" content="https://websites.ucsf.edu/profiles/ucsf_b1gfoot/themes/ucsf_b1gfoot_theme/img/img-metatag.jpg" /> <meta property="twitter:card" content="summary" /> <meta property="og:site_name" content="UCSF Websites" /> <meta property="twitter:url" content="https://websites.ucsf.edu/blog/human-resources-website-success-story" /> <meta property="og:url" content="https://websites.ucsf.edu/blog/human-resources-website-success-story" /> <meta property="twitter:title" content="The Human Resources Website Success Story | UCSF Websites" /> <meta property="og:title" content="The Human Resources Website Success Story" /> <meta property="twitter:description" content="The content and navigation improvement work of the Human Resources (HR) website redesign paid off in spades, increasing usability and accessibility along the way. " /> <meta property="og:description" content="The content and navigation improvement work of the Human Resources (HR) website redesign paid off in spades, increasing usability and accessibility along the way. " /> <link type="text/css" rel="stylesheet" href="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/css/css_kShW4RPmRstZ3SpIC-ZvVGNFVAi0WEMuCnI0ZkYIaFw.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/css/css_skhFl2AhilhxAlHjGa_fTNSPVanaq_LTvzbp87QV8BM.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/css/css_KtV_0W2L1RpBdKj5ObC3CRUchB_iaxUEL8n1_iqwt5o.css" media="all" /> <style type="text/css" media="all"> <![CDATA[/*> </style> <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hopscotch/0.2.5/css/hopscotch.min.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/css/css_0wq-oSMa1dZUDrswIs--ZE9BmEbEiCxrgJH-DEpoXrI.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/css/css_47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU.css" media="print" /> <style type="text/css" media="all"> <![CDATA[/*> </style> <link type="text/css" rel="stylesheet" href="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/css/css_MB_OJmOWZ3q8_itIvibVBCwqx5eIBtmFezuG3FGZPnE.css" media="all" /> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_Pt6OpwTd6jcHLRIjrE-eSPLWMxWDkcyYrPTIrXDSON0.js"></script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_onbE0n0cQY6KTDQtHO_E27UBymFC-RuqypZZ6Zxez-o.js"></script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_gHk2gWJ_Qw_jU2qRiUmSl7d8oly1Cx7lQFrqcp3RXcI.js"></script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_ROty9TLRT7GvgDUFw_QNzL45vlatntRp6wuC_6otqeQ.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/hopscotch/0.2.5/js/hopscotch.min.js"></script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_X29AUVcfuG5wHH9ySA6s5LgOAjmkzlakDPpSV6MBBjY.js"></script> <script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=UA-174314-31"></script> <script type="text/javascript"> <![CDATA[//><!]]> </script> <script type="text/javascript"> <![CDATA[//><!]]> </script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_pBJ9BqqTImG5h6xNRUOzZ4_9dQezvjMt-I7yPp8naQY.js"></script> <script type="text/javascript" src="https://websites.ucsf.edu/sites/websites.ucsf.edu/files/js/js_QQeuJpMVaNOcbJ6HF3pJFdPsqb0L--SFT89e1HBmNhE.js"></script> <script type="text/javascript"> <![CDATA[//><!]]> </script> </head> <body class="maintenance-page in-maintenance no-sidebars"> <div id="page"> <div id="header"> <div id="logo-title"> <a href="/" title="Home" rel="home" id="logo"> <img src="https://websites.ucsf.edu/profiles/ucsf_b1gfoot/themes/ucsf_b1gfoot_theme/logo.png" alt="Home" /> </a> <div id="name-and-slogan"> <h1 id="site-name"> <a href="/" title="Home" rel="home"><span>UCSF Websites</span></a> </h1> </div>  </div>  </div>  <div id="container" class="clearfix"> <div id="main" class="column"><div id="main-squeeze"> <div id="content"> <h1 class="title" id="page-title">Error</h1> <div id="content-content" class="clearfix"> The website encountered an unexpected error. Please try again later. </div>  </div>  </div></div>  </div>  <div id="footer-wrapper"> <div id="footer"> </div>  </div>  </div>  </body> </html>