Accessibility Policy

<!DOCTYPE html>  <html lang="en"> <head> <meta charset="utf-8"> <title>Accessibility Policy</title> <meta name="Author" content="State of California"> <meta name="Description" content="Accessibility Policy SCO"> <meta name="Keywords" content="California, government, Accessibility Policy"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="shortcut icon" href="/Structural-Images/favicon2.ico" type="image/x-icon"> <link href="/css/cagov.core.min.css" rel="stylesheet"> <link href="/css/colortheme-oceanside.min.css" rel="stylesheet"> <script src="/js/cagov.core.js"></script> <link href="/fontawesome-pro6/css/fontawesome.min.css" rel="stylesheet"> <link href="/fontawesome-pro6/css/brands.min.css" rel="stylesheet"> <link href="/fontawesome-pro6/css/solid.min.css" rel="stylesheet"> <link href="/fontawesome-pro6/css/regular.min.css" rel="stylesheet">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5D5F2SV');</script>  <link href="/css/custom-v6.css" rel="stylesheet" /> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5D5F2SV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <header role="banner" id="header" class="global-header fixed"> <div id="skip-to-content"> <a href="#main-content">Skip to Main Content</a> </div> <div class="utility-header"> <div class="container"> <div class="flex-row"> <div class="social-media-links"> <div class="header-cagov-logo">  <a href="https://www.facebook.com/CAController" class="ps-2" aria-label="California State Controller's Office facebook"> <span class="sr-only">California State Controller's Office facebook</span> <span class="ca-gov-icon-facebook"> </span> </a> <a href="https://www.instagram.com/californiacontroller/" class="ps-2" aria-label="California State Controller's Office instagram"> <span class="sr-only">California State Controller's Office instagram</span> <span class="ca-gov-icon-instagram"> </span> </a> <a href="https://www.linkedin.com/company/california-state-controllers" class="ps-2" aria-label="California State Controller's Office linked in"> <span class="sr-only">California State Controller's Office linked in</span> <span class="ca-gov-icon-linkedin"> </span> </a> <a href="https://twitter.com/CAController" class="ps-2" aria-label="California State Controller's Office twitter"> <span class="sr-only">California State Controller's Office twitter</span> <span class="ca-gov-icon-twitter"> </span> </a> <a href="/language.html" class="ps-2 text-decoration-none"> <span class="fas fa-globe"> </span> <span class="fs-6">Language</span> </a> </div> </div> <div class="settings-links"></div> </div> </div> </div>  <div class="section-default"> <div class="branding"> <div class="header-organization-banner"> <a href="/index.html"> <div class="logo-assets"> <img src="/Structural-Images/sco_seal_110.PNG" class="logo-img" alt="State Controller Seal"> <div class="logo-text"> <span class="logo-state">California State Controller's Office</span> <span class="logo-dept">Malia M. Cohen</span> </div> </div> </a> </div> </div> </div>  <div class="mobile-controls"> <span class="mobile-control-group mobile-header-icons">  </span> <div class="mobile-control-group main-nav-icons"> <button id="nav-icon3" class="mobile-control toggle-menu" aria-expanded="false" aria-controls="navigation" title="menu"> <span></span> <span></span> <span></span> <span></span> <span class="sr-only">Menu</span> </button> </div> </div> <div class="navigation-search full-width-nav container"> <div id="head-search" class="search-container search-container featured-search"> <div class="container"> <form id="Search" class="pos-rel" action="/serp.html"> <label class="sr-only" id="SearchInput" for="q">Custom Google Search</label> <input type="text" id="q" name="q" aria-labelledby="SearchInput" placeholder="Search" class="search-textfield" /> <button type="submit" class="gsc-search-button" title="Submit"> <span class="ca-gov-icon-search" aria-hidden="true"></span> <span class="visually-hidden" hidden>search</span> </button> <div class="close-search-btn"> <button class="close-search gsc-clear-button border-0 bg-transparent pos-rel" type="reset"> <span class="sr-only">Close</span> </button> </div> </form> </div> </div> <nav id="navigation" class="main-navigation dropdown" aria-label="Main navigation"> <ul id="nav_list" class="top-level-nav w-100"> <li class="nav-item"> <a class="first-level-link text-center" href="/index.html">Home</a> </li> <li class="nav-item"> <a class="first-level-link text-center" href="/eo_about.html">About Us</a> </li> <li class="nav-item"> <a class="first-level-link text-center" href="/public_services.html">Public Services</a> </li> <li class="nav-item"> <a class="first-level-link text-center" href="/sl.html">State and Local</a> </li> <li class="nav-item"> <a class="first-level-link text-center" href="/se.html">State Employees</a> </li> <li class="nav-item"> <a class="first-level-link text-center" href="/pubs.html">Publications</a> </li> <li class="nav-item"> <a class="first-level-link text-center" href="/eo_news.html">News</a> </li> <li class="nav-item"> <a class="first-level-link text-center" href="/eo_contactus.html">Contact Us</a> </li> </ul> </nav> </div> <div class="header-decoration"></div> </header> <div id="main-content" class="main-content bg-gray-lightest p-b"> <main class="main-primary" id="main"> <div class="container p-t-md"> <div class="row"> <nav aria-label="Breadcrumb" class="breadcrumbs"> <ol> <li><a href="/index.html">Home</a></li><li><a href="/eo_about.html">About Us</a></li> <li class="active">Accessibility Policy</li> </ol> </nav> <h1>Accessibility Policy</h1> <div><h2>Accessibility/Help Page</h2> <p>The State Controller’s Office website has been developed with the goal of compliance with California Government Code 11135, located in Section D of the California Government Code. Code 11135 requires that all electronic and information technology developed or purchased by the State of California Government is accessible to people with disabilities. There are various types of physical disabilities that impact user interaction on the web. Vision loss, hearing loss, limited manual dexterity, and cognitive disabilities are examples, with each having different means by which to access electronic information effectively. Our goal is to provide a good web experience for all visitors.</p> <p>Below you will find a list of some of the technology solutions we have integrated to make our website easy to navigate, fast-loading and accessible.</p> <h2>What Makes Our Website Accessible?</h2> <ul> <li>Clean, Simple and Consistent<br /> Our website uses simple information architecture with uniform navigation and reliable headings throughout. Content layout and graphical design are consistent on every page.</li> <li>"Skip To:" Menu<br /> The <strong>"Skip to main content" navigation</strong> appears at the top of each page. It allows the user to jump to the content area, accessibility page, or footer, and skip the navigation and other header elements, which repeat on every page.</li> <li>The Navigation<br /> The main navigation, located just below the SCO seal, uses <strong>lists</strong>. Lists make it easier for screen readers to literally read down the list without having to sort through unnecessary code. Lists also allow the users to use the tab key to move from link to link.</li> <li>Breadcrumb Navigation<br /> Breadcrumbs, located at the top of each page (except for the homepage) and directly below the main navigation, let you know where you are and where you have been, or where a particular file resides. Breadcrumbs make it easier to navigate your way back to the root folder.</li> <li>Images With Alternative Text<br /> Photographs and other relevant images on the site are accompanied by alternative text (the ALT tag.) Alt tags provide a written description of the image, which is accessible to screen readers, and it is visible when the mouse is placed over the image. This is also useful for people who have images turned off on their browser, in which case a description will display where the image used to be.</li> <li>Relative Font Sizing<br /> Relative font size can be enlarged using magnification tools or by changing your browser settings.</li> <li>Fluid Sizing Display<br /> The width of our pages changes and adapts to the width of your browser. This is more noticeable if you have a large screen and/or use high resolution for your monitor. Our website is viewed best at a minimum of 800 x 600 pixels.</li> <li>Accessible Via Mouse or Keyboard<br /> You can use the mouse or keyboard to navigate through our information. The <strong>tab key</strong> will move the cursor from link to link.</li> <li>Access Keys<br /> Access keys are keyboard shortcuts that help you get around the site. <ul> <li><strong>"Ctrl + F"</strong> for Windows users or <strong>"Command + F"</strong> for Mac users, to access the Find box.</li> </ul> </li> <li>No Sound, No Images, No Problem<br /> Content is accessible without sound, color, scripts or graphics.</li> <li>Improved Search Engine<br /> <strong>Google search</strong> engine provides more relevant results than our previous state search application.</li> </ul> <h2 id="Browser">Keyboard and Mouse Shortcuts</h2> <ul> <li><a href="https://support.microsoft.com/en-us/microsoft-edge/keyboard-shortcuts-in-microsoft-edge-50d3edab-30d9-c7e4-21ce-37fe2713cfad" rel="noopener" style="text-decoration: underline;" target="_blank">Edge Browser Keyboard Shortcuts</a></li> <li><a href="https://support.mozilla.org/en-US/kb/keyboard-shortcuts-perform-firefox-tasks-quickly" rel="noopener" style="text-decoration: underline;" target="_blank">Firefox Keyboard Shortcuts</a></li> <li><a href="https://support.mozilla.org/en-US/kb/mouse-shortcuts-perform-common-tasks" rel="noopener" target="_blank">Firefox Mouse Shortcuts</a></li> <li><a href="https://support.google.com/chrome/answer/157179?hl=en" rel="noopener" style="text-decoration: underline;" target="_blank">Chrome Keyboard Shortcuts</a></li> <li><a href="https://support.apple.com/guide/safari/keyboard-and-other-shortcuts-cpsh003/mac" rel="noopener" style="text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-color: initial;" target="_blank">Safari Keyboard Shortcuts and Gestures</a></li> </ul> <h2>Difficulty Accessing Material</h2> <p>We are constantly updating our content and striving to make it accessible. If you have difficulty accessing any material on this site because of a disability, or if you have any questions or suggestions, please contact our <a href="https://www.sco.ca.gov/scocontactus/contactech">Webmaster</a>.</p></div> </div> </div> </main> </div> <aside class="p-b-md p-t-sm section-standout site-footer"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="h5 w-100 brd-bottom brd-highlight p-b" role="heading" aria-level="2">Contacts</div> <a href="/eo_about_func.html" class="d-block no-underline m-y font-size-14">Divisions of the SCO</a><a href="/eo_about_email_directory.html" class="d-block no-underline m-y font-size-14">Email subscription directory</a><a href="/scocontactus/contactech" class="d-block no-underline m-y font-size-14">Contact the webmaster</a><a href="/eo_about_records.html" class="d-block no-underline m-y font-size-14">Accessing public records</a> </div> <div class="col-md-4"> <div class="h5 w-100 brd-bottom brd-highlight p-b" role="heading" aria-level="2">Assistance</div> <a href="/eo_privacy.html" class="d-block no-underline m-y font-size-14">Privacy policy</a><a href="/eo_accessibility.html" class="d-block no-underline m-y font-size-14">Accessibility</a><a href="/feedback.html" class="d-block no-underline m-y font-size-14">Feedback</a><a href="https://covid19.ca.gov/" class="d-block no-underline m-y font-size-14">COVID19.CA.gov</a> </div> <div class="col-md-4"> <div class="h5 w-100 brd-bottom brd-highlight p-b" role="heading" aria-level="2">Other links</div> <a href="https://registertovote.ca.gov/" class="d-block no-underline m-y font-size-14">Register to Vote</a><a href="https://get.adobe.com/reader/" class="d-block no-underline m-y font-size-14">Adobe Reader</a><a href="https://saveourwater.com/" class="d-block no-underline m-y font-size-14">Save Our Water</a><a href="/eo_about_jobs.html" class="d-block no-underline m-y font-size-14">Career Opportunities</a> </div> </div> </div> </aside>  <footer id="footer" class="global-footer">  <div class="copyright"> <div class="container text-left font-size-14"> Copyright © <span id="thisyear"> <script> document.getElementById('thisyear').appendChild(document.createTextNode(new Date().getFullYear())) </script> </span> State of California - State Controller's Office</div> </div> <button class="return-top"> <span class="sr-only">Back to top</span> </button> </footer> </body> </html>

CINXE.COM

Accessibility Policy