CINXE.COM
Checking website accessibility with Siteimprove | UCOP
<!DOCTYPE html> <!--[if lt IE 9]><html class="lte-ie8 no-js" lang="en"><![endif]--> <!--[if gt IE 8]><!--><html lang="en" class="no-js"><!--<![endif]--> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <!--#include virtual="/_common/includes/header-meta.html" --> <meta content="" name="description"/> <meta content="" name="author"/> <title>Checking website accessibility with Siteimprove | UCOP</title> <meta content="40a3d190ac1e00885e44a9028086c35e" name="id"/> <!-- Le HTML5 shim, for IE6-8 support of HTML elements --> <!--[if lt IE 9]> <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <!-- Le styles --> <!-- main.css - see /_common/files/css/main.less non-minified sources --> <link href="/_common/files/css/main.css?v=1.2" media="screen" rel="stylesheet"/> <link href="/_common/files/css/print.css" media="print" rel="stylesheet"/> <!-- Le fav and touch icons --> <link href="/_common/files/img/ico/favicon.ico" rel="shortcut icon"/> <!-- <link href="/files/img/ico/apple-touch-icon.png" rel="apple-touch-icon"/> <link href="/files/img/ico/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72"/> <link href="/files/img/ico/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114"/> --> <!-- Custom styles --> <!--[if gt IE 8]><!--><link href="/_common/files/css/ff-old.css" rel="stylesheet"/><!--<![endif]--> <script src="/_common/files/js/protection.js"></script> <![CDATA[]]> </head> <body> <div aria-label="skiplink" role="navigation"> <a class="skip-link" href="#content">Skip to Main Content</a> </div> <div id="bg-left"></div> <div id="bg-right"></div> <div id="wrapper"> <div class="container"> <!-- Pills ================================================== --> <div class="row mast" role="banner"> <div class="span4 logo"> <div id="logo"><a href="https://www.ucop.edu/index.html"><img alt="University of California Office of the President" height="64" src="/_common/files/img/wordmark.png" width="240"/></a></div> </div> <div class="span8 main-nav offset4"> <div class="navbar adjusted"> <div aria-labelledby="main-menu-mobile" class="navbar-inner" role="navigation"> <a class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse" id="main-menu-mobile"> Main Menu <b class="caret">聽</b> </a> <div class="nav-collapse"> <ul class="nav pull-right" id="topmenu"> <li><a href="https://jobs.universityofcalifornia.edu">Jobs</a></li> <li><a href="https://ucop.edu/directory-search/index.php" title="Search the UCOP directory">People</a></li> <li><form action="/search" class="navbar-search" id="search-form" method="get"><!-- The search form's submit event is being handled by an inline script further down the page --> <label class="skip-link" for="query-field">search</label> <input class="search-query" id="query-field" name="q" placeholder="Search" type="text"/></form></li> </ul> <!--#include virtual="/_common/includes/header-menu.html" --> </div> </div> </div> </div> </div> <div aria-label="breadcrumbs" class="row" role="navigation"> <div class="span12"> <ul class="breadcrumb"> <li> <a href="https://www.ucop.edu/index.html">UCOP</a> <span class="divider">></span> </li> <li> <a href="https://www.ucop.edu/uc-operations/index.html">UC Operations</a> <span class="divider">></span> </li> <li> <a href="https://www.ucop.edu/information-technology-services/index.html">ITS</a> <span class="divider">></span> </li> <li> <a href="../../../index.html">Electronic Accessibility</a> <span class="divider">></span> </li> <li> <a href="../../index.html">Web Developers</a> <span class="divider">></span> </li> <li> <a href="../index.html">Tools & testing</a> <span class="divider">></span> </li> <li> <a href="index.html">Siteimprove</a> </li> </ul> </div> </div> <div aria-label="content" class="list-land" id="content" role="region"> <!-- Main hero unit for a primary marketing message or call to action --> <div class="row"> <div class="span12"> <h1 class="page-header">Electronic Accessibility</h1> </div> <nav aria-label="tabs" class="span12"> <ul class="nav nav-tabs sub-nav tab5"> <li class=""> <a class="" href="../../../index.html"> Overview </a> </li> <li class=""> <a class="" href="../../../initiative/index.html"> Initiative </a> </li> <li class=""> <a class="multiline" href="../../../standards-and-best-practices/index.html"> Standards & Best Practices </a> </li> <li class="active"> <a class="" href="../../index.html"> Web Developers <span class="sr-only">- current section</span> </a> </li> <li class=""> <a class="" href="../../../content-providers/index.html"> Content Providers </a> </li> </ul> </nav> </div> <!-- Example row of columns --> <div class="row"> <div class="span8 dotted-top" role="main"> <h2>Checking website accessibility with Siteimprove</h2> <p>Do you want to make sure your website is accessible to people with disabilities? Accessible sites reach a bigger and more diverse audience, are easier for everyone to use, and comply with UC policy.</p> <p>Now UC personnel have access to a great tool – Siteimprove – to stay on top of web accessibility. Siteimprove is a cloud service that enables you to systematically review your sites for accessibility.</p> <p>Sites are crawled on a regular basis – every five days – and reports identifying accessibility errors and how to fix them are issued to the site owner.</p> <p>Learn more in the UC IT Blog article, “<a href="https://cio.ucop.edu/uc-gets-systemwide-website-accessibility-checker/">UC Gets Systemwide Website Accessibility Checker</a>.”</p> <h3>Reports</h3> <p>Siteimprove provides several types of reports useful for website maintenance:</p> <ul> <li>Accessibility: Problems with web pages and PDF documents in relation to the WCAG international standards.</li> <li>Quality Assurance: Broken links, misspelled words, and readability issues, including an inventory of your pages, documents, media files, email addresses, and other content.</li> <li>Search Engine Optimization: Technical, content, user experience, and mobile-related website issues affecting your non-paid search ranking.</li> <li>Policy: Style-guide violations or other issues (e.g., terminology, branding/trademarks, file sizes, page structure) based on industry best practices or your customized policies.</li> </ul> <h3>Scanning Your Sites</h3> <p>UC has a systemwide contract with Siteimprove that provides for unlimited users and allows an unlimited number of pages to be scanned. To get a Siteimprove account and start scanning your sites:</p> <ul> <li>First <a href="https://siteimprove.ucop.edu">log in to Siteimprove</a>  to get an account. (The UC account uses single sign-on.)</li> <li><strong>UC Berkeley users</strong> – please use the <a href="https://siteimprove.berkeley.edu/">specific URL for UC Berkeley's Siteimprove instance</a>.</li> <li>Next, send your Siteimprove <a href="admin-contacts.html">location administrator</a> a list of the URLs you want scanned by Siteimprove.</li> <li>Add a <a href="analytics-javascript-code.html">script to your site that helps you prioritize the issues to fix</a>. If you don't have access to add the script to your CMS, contact your website/system administrator.</li> <li>Later, if needed, contact your <a href="admin-contacts.html">location administrator</a> to make any configuration changes to your site scans.</li> </ul> <h3>Using Siteimprove</h3> <p><strong><span style="text-decoration: underline;">Note: Siteimprove is primarily used to monitor UC public sites</span></strong>. To test password-protected sites, either</p> <ol> <li>use the <a href="https://chrome.google.com/webstore/detail/siteimprove-accessibility/efcfolpjihicnikpmhnmphjhhpiclljc?hl=en-US" rel="noopener" target="_blank">Siteimprove Chrome extension</a>, or</li> <li>follow procedures to request approval from your location admin to <a href="non-public-websites.html">check non-public facing sites</a> that contain no sensitive data.</li> </ol> <h3>Getting Started</h3> <ol> <li>Complete <a href="https://support.siteimprove.com/hc/en-gb/articles/360018579432--EN-On-Demand-Webinar-Accessibility-101">Siteimprove's Accessibility 101 Webinar</a> (must be logged in to view).</li> <li>Consider completing <a href="https://support.siteimprove.com/hc/en-gb/articles/115000069171-Complete-List-of-Interactive-Tutorials">Interactive Tutorials</a>, and more <a href="https://support.siteimprove.com/hc/en-gb/categories/360000205017">Siteimprove Webinars</a> (must be logged in to view)</li> </ol> <h3>Information for Location Admins</h3> <p>Additional information is provided for designated Siteimprove location administrations in the <a href="admin-guide.html">admin guide</a>.</p> <h3>Support</h3> <p>A lot of information is available in the Siteimprove app under the Help tab.</p> <ul> <li><a href="https://support.siteimprove.com/hc/en-gb" rel="noopener" target="_blank">Siteimprove Help Center</a></li> <li><a href="https://support.siteimprove.com/hc/en-gb/categories/200848163-Support-FAQs" rel="noopener" target="_blank">Guides and Frequently Asked Questions</a></li> </ul> <p>You may submit tickets to <a href="mailto:support@siteimprove.com">support@siteimprove.com</a>.</p> </div> <div aria-label="sidebar" class="span4 sidebar" role="navigation"> <div class="row"> <div class="span4 blustripe"> <h5>Siteimprove Resources</h5> <ul> <li><a href="index.html">Checking websites</a></li> <li><a href="non-public-websites.html">Checking non-public-facing sites</a></li> <li><a href="https://forms.gle/ocvTevDJV1msAoku5">Request a scan of a non-public-facing site</a></li> <li><a href="admin-guide.html">Admin guide</a></li> <li><a href="admin-faq.html">Admin FAQ</a></li> <li><a href="admin-contacts.html">Admin contacts</a></li> <li><a href="siteimprove-tutorials.html">Tutorials</a></li> <li><a href="analytics-javascript-code.html">Priority Script</a></li> <li><a href="../../training-and-conferences/siteimprove-e-courses-on-accessibility.html">e-Courses on Accessibility</a></li> <li><a href="siteimprove-tip-sheets.html">Siteimprove Tip Sheets</a></li> </ul> </div> </div> <div class="row"> <div class="span4 blustripe"> <h5>Accessibility Tools</h5> <ul> <li><a href="../captioning-tools.html">Captioning tools</a></li> <li><a href="../color-analyzers.html">Color analyzers</a></li> <li><a href="../manual-testing.html">Manual testing</a></li> <li><a href="../guidelines-accessible-surveys-forms.html">Survey tools</a></li> <li><a href="../testing-tools.html">Testing tools</a></li> <li><a href="../web-developer-tools.html">Web developer tools</a></li> </ul> </div> </div> </div> </div> <div class="row less3 novrflw"> </div> </div> <!-- /content --> </div> <!-- /container --> </div> <!-- /wrapper --> <footer><!--#include virtual="/_common/includes/footer-menu.html" --></footer> <!-- Le javascript ================================================== --> <!-- jQuery & Bootstrap via CDN, fallback to local copy if CDN fails/blocked --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script>/*<![CDATA[*/window.jQuery || document.write('<script src="/_common/files/js/jquery.1.7.1.min.js"><\/script>')/* ]]>*/</script> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/js/bootstrap.min.js"></script> <script>/*<![CDATA[*/$.fn.modal || document.write('<script src="/_common/files/js/bootstrap.2.0.4.min.js"><\/script>')/* ]]>*/</script> <!--[if gt IE 8]><!--><script src="/_common/files/js/modernizr.js"></script><!--<![endif]--> <!--[if lt IE 9]><script src="/files/js/selectivizr-min.js"></script><![endif]--> <script src="/_common/files/js/jquery-ui-1.12.1.js"></script> <script src="/_common/files/js/plugins.js"></script> <script src="/_common/files/js/main.js?v=1.2.2.1"></script> <script async="" src="/_common/files/js/ga.js"></script> <script async="" src="/_common/files/js/autotrack.js"></script> </body> </html>