Accessibility

<!DOCTYPE html> <html lang="en-US"> <head id="Head">      <script async src="https://www.googletagmanager.com/gtag/js?id=UA-77698819-4"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-77698819-4', { 'cookieFlags': 'secure;samesite=lax;domain=', 'cookie_flags':'secure;samesite=lax;domain=' }); </script> <title> Accessibility </title><meta id="MetaKeywords" name="KEYWORDS" content=",DotNetNuke,DNN" /><meta id="MetaGenerator" name="GENERATOR" content="DotNetNuke " /><meta id="MetaRobots" name="ROBOTS" content="INDEX, FOLLOW" /><link href="/Resources/Shared/stylesheets/dnndefault/7.0.0/default.css?cdv=630" type="text/css" rel="stylesheet"/><link href="/Portals/_default/admin.css?cdv=630" type="text/css" rel="stylesheet"/><link href="/Portals/_default/ie.css?cdv=630" type="text/css" rel="stylesheet"/><link href="/DesktopModules/HTML/module.css?cdv=630" type="text/css" rel="stylesheet"/><link href="/Resources/Search/SearchSkinObjectPreview.css?cdv=630" type="text/css" rel="stylesheet"/><link href="/Portals/_default/Skins/CaGov-SantaBarbara%20-%20Partner/skin.css?cdv=630" type="text/css" rel="stylesheet"/><link href="/Portals/13/portal.css?cdv=630" type="text/css" rel="stylesheet"/><link href="/Portals/_default/Skins/CaGov-SantaBarbara - Partner/css/cagov.core.css?cdv=630" type="text/css" rel="stylesheet"/><link href="/Portals/_default/Skins/CaGov-SantaBarbara - Partner/css/colorscheme-santabarbara.css?cdv=630" type="text/css" rel="stylesheet"/><link href="/Portals/_default/Skins/CaGov-SantaBarbara%20-%20Partner/DDRMenu/TWMenu/TWMenu.css?cdv=630" type="text/css" rel="stylesheet"/><link href="/Portals/_default/Skins/CaGov-SantaBarbara%20-%20Partner/DDRMenu/TwMobMenu/TWMobMenu.css?cdv=630" type="text/css" rel="stylesheet"/><script src="/Resources/libraries/jQuery/03_02_01/jquery.js?cdv=630" type="text/javascript"></script><script src="/Resources/libraries/jQuery-Migrate/03_00_00/jquery-migrate.js?cdv=630" type="text/javascript"></script><link rel='SHORTCUT ICON' href='/Portals/13/favicon.ico?ver=2017-02-13-093022-320' type='image/x-icon' /> <script type="text/javascript"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-77698819-4', 'auto', {'legacyCookieDomain': 'cdss.ca.gov'}); var dimensionName = localStorage.getItem('Analytics.Page.PageVariantDimension'); if (dimensionName != undefined && dimensionName != '') { ga('set', dimensionName, 'Default'); } ga('send', 'pageview'); </script> <script async type='text/javascript' src='https://dnnapi.com/analytics/js/2034024.js'></script><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0, user-scalable=yes" /><meta name="HandheldFriendly" content="True" /><meta name="MobileOptimized" content="320" /><meta name="apple-mobile-web-app-capable" content="yes" /></head> <body id="Body"> <form method="post" action="/accessibility" id="Form" enctype="multipart/form-data"> <div class="aspNetHidden"> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="jVdMpF4AjuMj6mzIn1cQecqHfWok/AFTaLAcwPxmRx80Gwz5gvEIVeDSyoMnAEKtRYFQbFk/SEqyr0QjJGTrSPRjeCSzgBm/4mZXu0H79zHDXJMSMLWoyHugGcv+Rf60OfvZiKc2wEBSMeXW" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['Form']; if (!theForm) { theForm = document.Form; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="/WebResource.axd?d=pynGkmcFUV3fQzrK2dTK3WwiXOzxVPFVPUUn9g6MbvwrJ7co4JGR6nLZ_Ww1&t=638610619965203766" type="text/javascript"></script> <script src="/ScriptResource.axd?d=NJmAwtEo3Iq9sza8Yh-wYj84KB064odEIsyWotIBTqhdRTLgBjk0MdcMHt_hAjj75kfFlSZhfDTPvKe5OxlFjFOh-3CUA27pZEhOG_A7SfWqKv9E9M8a2TFck5Ip3h8jWs-g7g2&t=ffffffffb201fd3f" type="text/javascript"></script> <script src="/ScriptResource.axd?d=dwY9oWetJoLCM3QDMajnyjJK6qn5KeH8Ye7WLUIB9wVec8RdzaraOgnlNH8LhkFeSQCgJCaFF0nKm2NYRJgMsxeRkN6D4bOw5VUl417dzBxQ1frbVkEUpXIPDQl6kXPVfDDeQVPYe5ExexoK0&t=ffffffffb201fd3f" type="text/javascript"></script> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334" /> <input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="mQRc7bJpWIb24ihcoxstW4qpTbfSfwqacby71+t0aqiGWW1i/OifxY+lh+Y3eS3JjqlRvQvLgFSOcLLynERwmmJhCEKKqnRYphqG5BHCvEEATIgyFmVIpIfzUvssWPUBVDjF8VPaw4iT6m4iQ05a2MPfxo0=" /> </div><script src="/js/dnn.js?cdv=630" type="text/javascript"></script><script src="/Resources/Shared/Scripts/jquery/jquery.hoverIntent.min.js?cdv=630" type="text/javascript"></script><script src="/js/dnncore.js?cdv=630" type="text/javascript"></script><script src="/Resources/Search/SearchSkinObjectPreview.js?cdv=630" type="text/javascript"></script><script src="/js/dnn.servicesframework.js?cdv=630" type="text/javascript"></script><script src="/Portals/_default/Skins/CaGov-SantaBarbara%20-%20Partner/DDRMenu/TWMenu/TWMenu.js?cdv=630" type="text/javascript"></script><script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', [], [], [], 90, ''); //]]> </script> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">      <html class="no-js" lang="en">     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">     <link rel="stylesheet" href="/Portals/_default/Skins/CaGov-SantaBarbara - Partner//css/custom.css">    <script src="/Portals/_default/Skins/CaGov-SantaBarbara - Partner//js/libs/modernizr-2.0.6.min.js"></script> <script src="/Portals/_default/Skins/CaGov-SantaBarbara - Partner//js/spinner.js"></script>     <div class="primaryNoRib colOne"> <header role="banner" id="header" class="global-header">   <div class="branding"> <div class="skip-to-content"> <a style="background-color: white; color: #1D5A6A; text-shadow: none" href="/accessibility">Accessibility help</a> | <a style="background-color: white; color: #1D5A6A; text-shadow: none" href="#main-content">Skip to Content</a> </div> <div class="header-cagov-logo"> <a href="http://www.ca.gov/"> <img src="/portals/_default/skins/cagov-santabarbara - partner/images/template2014/header-ca.gov.png" alt="CA.gov" /> </a> </div> <div class="header-organization-banner"> <a id="dnn_dnnLOGOd_hypLogo" title="CDSS Public Site" href="http://www.cdss.ca.gov/"><img id="dnn_dnnLOGOd_imgLogo" src="/Portals/13/cdss-logo.png?ver=2016-05-25-084027-000" alt="CDSS Public Site" /></a> <span class="header-text hidden-xs hidden-sm">Department of Social Services</span> <span class="header-text hidden-lg hidden-md">Social Services</span> </div> </div>      <div class="mobile-controls"> <span class="mobile-control cagov-logo"><span class="ca-gov-icon-logo" aria-hidden="false"></span></span> <span class="mobile-control toggle-menu"><span class="ca-gov-icon-menu" aria-hidden="true"></span><span class="sr-only">Menu</span></span> <span class="mobile-control-group mobile-header-icons"> <span class="mobile-control contact-link"><span class="ca-gov-icon-chat" aria-hidden="true"></span><span class="sr-only">Contact</span></span>  </span> <span class="mobile-control toggle-search"><span class="ca-gov-icon-search" aria-hidden="true"></span><span class="sr-only">Search</span></span> <span class="mobile-control-group mobile-menu-icons">  </span> </div> <div class="navigation-search"> <div id="head-search" class="ca-search-container SearchPane"> <span id="dnn_dnnSEARCH_ClassicSearch"> <span class="searchInputContainer" data-moreresults="See More Results" data-noresult="No Results Found"> <input name="dnn$dnnSEARCH$txtSearch" type="text" maxlength="255" size="20" id="dnn_dnnSEARCH_txtSearch" class="NormalTextBox" title="Enter Text to Search for" autocomplete="off" placeholder="Search..." /> <a class="dnnSearchBoxClearText" title="Clear search text"></a> </span> <a id="dnn_dnnSEARCH_cmdSearch" class="SearchInput" href="javascript:__doPostBack('dnn$dnnSEARCH$cmdSearch','')"> </a> </span> <script type="text/javascript"> $(function() { if (typeof dnn != "undefined" && typeof dnn.searchSkinObject != "undefined") { var searchSkinObject = new dnn.searchSkinObject({ delayTriggerAutoSearch : 400, minCharRequiredTriggerAutoSearch : 2, searchType: 'S', enableWildSearch: true, cultureCode: 'en-US', portalId: -1 } ); searchSkinObject.init(); // attach classic search var siteBtn = $('#dnn_dnnSEARCH_SiteRadioButton'); var webBtn = $('#dnn_dnnSEARCH_WebRadioButton'); var clickHandler = function() { if (siteBtn.is(':checked')) searchSkinObject.settings.searchType = 'S'; else searchSkinObject.settings.searchType = 'W'; }; siteBtn.on('change', clickHandler); webBtn.on('change', clickHandler); } }); </script> </div> <div id="translate-box"> <div id="google_translate_element"></div> <a href="/Translation-Disclaimer" title="Google Translate Disclaimer">Disclaimer</a> </div>  <nav id="navigation" class="main-navigation single off-canvas auto-highlight"> <div class="NavPane clearfix hidden-xs"><a class="twHomeLink hidden-xs" href="http://www.cdss.ca.gov/Home"><div><div><span aria-hidden="true" class="ca-gov-icon-home"></span><span class="sr-only">Home</span></div></div></a> <div id="dnnMenu"> <ul class="rootMenu"> <li class="home-link item"></li> <li class="item first"> <a href="http://www.cdss.ca.gov/benefits-services" alt="Benefits & Services" target=""><strong>Benefits & Services</strong></a> </li> <li class="item"> <a href="http://cdss.ca.gov/inforesources/guides" alt="Information & Resources" target=""><strong>Information & Resources</strong></a> </li> <li class="item"> <a href="http://www.cdss.ca.gov/complaints" alt="Reporting" target=""><strong>Reporting</strong></a> </li> <li class="item"> <a href="http://www.cdss.ca.gov/data-portal1" alt="Data Portal" target=""><strong>Data Portal</strong></a> </li> <li class="item last"> <a href="http://www.cdss.ca.gov/careers" alt="Careers With CDSS" target=""><strong>Careers With CDSS</strong></a> </li> </ul> </div> </div> <div class="MobileNav visible-xs"><a class="twMobHomeLink visible-xs" href="http://www.cdss.ca.gov/Home"><div><div><span aria-hidden="true" class="ca-gov-icon-home" id="nav_home_container2"></span><span class="sr-only">Home</span></div></div></a> <div class="collapseaa" id="CollapseMenuMob"> <ul> <li class="home-link item MobileHomeLink"></li> <li class="menuItem first"> <a href="http://www.cdss.ca.gov/benefits-services" target="" > Benefits & Services </a> </li> <li class="menuItem"> <a href="http://cdss.ca.gov/inforesources/guides" target="" > Information & Resources </a> </li> <li class="menuItem"> <a href="http://www.cdss.ca.gov/complaints" target="" > Reporting </a> </li> <li class="menuItem"> <a href="http://www.cdss.ca.gov/data-portal1" target="" > Data Portal </a> </li> <li class="menuItem last"> <a href="http://www.cdss.ca.gov/careers" target="" > Careers With CDSS </a> </li> </ul> </div> </div> </nav> </div> <div class="header-decoration"></div> </header> <div id="main-content" class="main-content"> <div class="wrapper"> <div class="main-primary"> <div class="BreadcrumbPane"> <span id="dnn_dnnBREADCRUMB_lblBreadCrumb" itemprop="breadcrumb" itemscope="" itemtype="https://schema.org/breadcrumb"><span itemscope itemtype="http://schema.org/BreadcrumbList"><span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="http://www.cdss.ca.gov/accessibility" class="Breadcrumb" itemprop="item"><span itemprop="name">Accessibility</span></a><meta itemprop="position" content="1" /></span></span></span></div> <div id="dnn_ContentPane" class="ContentPane NoPaneBorder"><div class="DnnModule DnnModule-DNN_HTML DnnModule-2516 DnnVersionableControl"><a name="2516"></a><div id="dnn_ctr2516_ContentPane" class="NoTitlePaddingContentPane DNNAlignleft"><div id="dnn_ctr2516_ModuleContent" class="DNNModuleContent ModDNNHTMLC"> <div id="dnn_ctr2516_HtmlModule_lblContent"><h1> Web Content Accessibility </h1> <hr> <p> We believe the California Department of Social Services (CDSS) website meets "AA" compliance of the World Wide Web Consortium (W3C), Web Content Accessibility Guidelines 2.0. In addition, this site satisfies <a href="http://www.section508.gov/" target="_blank">Section 508</a>, Subpart B, Subsection 1194.22, Guidelines A-P of the Rehabilitation Act of 1973 as revised in 1998. CDSS is committed to improved accessibility for all Californians. CDSS accepts no responsibility for the content or accessibility of the external websites or external documents linked to on this website. </p> <p>If you have difficulty accessing any material on this website, please contact the <a href="mailto:piar@dss.ca.gov?subject=Website%20or%20Document%20Accessibility%20Questions">piar@dss.ca.gov</a> or (916) 651-8848 and provide the URL (web address) or other relevant information on the material you would like to access and your preferred format for accessing the information. We will work with you to make the information available. </p> <p> <a href="/Portals/13/Blue Pages/CDSS-ADA-Public-Notice.pdf">Public Notice Under The Americans With Disabilities Act</a> </p> <br> <h2> Website Accessibility Features </h2> <p> Our website has many features that are intended to make the experience of interacting with our website positive and productive for all users, including those with disabilities. </p> <br> <h2> Accessible and Usable Design </h2> <p> Here we provide a brief list of the accessibility and usability features included in the California Department of Technology (CDT) internet website, and where appropriate, how to find them and use them. </p> <h3> Common Look and Feel; Simple Design </h3> <p> Most pages on the CDT website have a similar layout. This makes site navigation easier. Overall, the site is primarily text-based and has a simple, straight-forward design. </p> <h3> "Skip To" Links </h3> <p> A special link is placed at the top of most pages on the site that allows assistive technology to skip or “jump over” the site navigation. </p> <h3> Accessible Images </h3> <p> Images that are included on the CDT website have “alternative text,” which many assistive technologies can read to the user. </p> <h3> Adjustable Text Size </h3> <p> Our website uses relative font sizes, which allow site visitors to increase the text size on webpages. The text size can be increased with the web browser’s text-size adjustment feature. For more information about text-size adjustments within a specific browser type and version, site visitors should consult available help in their browser. </p> <h3> Effective Search Engine </h3> <p> The CDT website search engine provides relevant and easy to use search results, allowing quick navigation to the desired content. </p> <h3> Video Captions and Text Transcripts </h3> <p> Video files on the CDT website have captions for the hearing impaired. Many use YouTube where viewer can find help with seeing the text and Windows Media Player must be configured to turn ON captions since captions are turned OFF by default. Links to video files without embedded captions have adjacent text transcripts. </p> <h3> Style Sheets </h3> <p> Cascading Style Sheets are used throughout the site for layout, design, and style. This allows the CDT site to be displayed in a readable fashion on different browser-enabled devices. </p> <br> <h2> Standard Browser Usability Features </h2> <p> Note: Addition of this content is required under California Technology Letter 15-05. This content in this section is derived from the <a href="http://webtools.ca.gov/web-content/web-accessibility/" target="_blank"> <u> Accessibility Section of the CA.gov Webtools Site </u> </a> . </p> <ul> <li> Contrast Adjustments </li> <li> Font Adjustments </li> <li> Keyboard Shortcuts </li> </ul> <h3> Contrast Adjustments </h3> <p> High contrast is necessary for many users. The State’s websites uses style sheets and some of the best contrast combinations, black on white, white on dark green, or blue on white. However, some users can see better using high contrast reverse types, such as white on black, or different colors. Below are guidelines for some common web browsers on how the user can customize their own web browser to better view all webpages. </p> <h4> Internet Explorer </h4> <p> Select the “Tools” menu. Select “internet Options”. Under the “General” tab, select “Accessibility”. Place a check mark in the box to “Ignore colors specified on webpages” and select the “OK” box. This will return you to the “General” tab. There select the “Colors” box and un-check the “use Windows colors” box. Use the “Text”, “Background”, “Unvisited Links”, and “Visited Links” boxes to select the colors desired (example: white text and black background). Select the “OK” box and then the “OK” box on the “General” tab and the colors should change on the browser. </p> <h4> Firefox </h4> <p> Select the “Tools” menu. Select “Options”. Select the “Content” tab. Select “Colors”. Select colors desired for “Text”, “Background”, “Unvisited Links”, and “Visited Links” (example: white text and black background) and uncheck “Allow pages to choose their own colors, instead of my selections above”. Select the “OK” box, and then the “OK” box again. The colors should change on the browser. </p> <h4> Google Chrome </h4> <p> Accessibility Low-Vision Support such as <a href="https://sites.google.com/a/chromium.org/dev/user-experience/low-vision-support" target="_blank"> <u> High Contrast and Custom Color Support </u> </a> </p> <p> There are a number of steps you can take to configure Chrome to run with custom contrast and colors: </p> <ol> <li> Install a <a href="http://www.google.com/support/chrome/bin/answer.py?answer=154007"> <u> Chrome Extension </u> </a> which allows you to specify your own custom color combinations. <ul> <li> Quick page action to apply/remove styling overrides on a per page, per domain or global basis (overriding webpage colors) </li> <li> Optional background, text, links and visited links color configuration </li> <li> Option for showing/hiding images </li> <li> Option for showing/hiding Flash objects </li> </ul> </li> <li> Use a <a href="https://chrome.google.com/webstore/category/themes?hl=en"> <u> Chrome Theme </u> </a> for some control of the color scheme of the Chrome user interface. </li> </ol> <br> <h4> Opera </h4> <h5> Fonts and Colors for Unstyled Webpages </h5> <p> Sometimes, webpages do not have a specified style for fonts, background color, or link colors. We have selected some default fonts and colors for you, but you may prefer to choose your own. To do this, select Settings > Preferences > webpages and select your preferred fonts, background color, or colors for normal and visited links. You can also enable or disable an underline for links. </p> <h5> Themes </h5> <p> A theme is a color scheme of the buttons and background images in the browser. You can apply a theme to Opera to entirely change the way Opera looks. To try a new theme: </p> <ol> <li> Go to https://addons.opera.com/en/themes/. (Search for Contrast theme) Alternatively, select Appearance > Themes. </li> <li> Select “Find more themes. The available themes display. </li> <li> Choose one you like and select the “Add to Opera” button. The theme is applied so you can see if you like it. </li> <li> In the bar that displays at the top of the window, select either “Done X” to confirm the theme change and keep it, or “Undo” and everything will be back to the way it was. If you don’t make a decision after a short while, the theme is applied automatically. </li> </ol> <br> <h5> Manage Themes </h5> <p> To see a list of all of the themes you have installed, select Appearance > Themes. You can delete or switch themes, or add new ones by selecting the “Find More Themes” button. </p> <h4> Safari </h4> <p> <a href="https://support.apple.com/kb/PH18394?locale=en_US"> <u> OS X Yosemite: Display pane of Accessibility preferences </u> </a> </p> <p> Make items on the screen easier to see and the display easier to read. <br> To open this pane, choose Apple menu > System Preferences, select Accessibility, then select Display. </p> <ul> <li> <strong> Invert colors </strong> : Invert the colors on your display. For example, text appears in white on a black background. </li> <li> <strong> Use grayscale </strong> : Remove colors from the screen </li> <li> <strong> Differentiate without color </strong> : Use shapes, in addition to or instead of color, to convey status or information </li> <li> <strong> Increase contrast </strong> : Increase the contrast of items on the screen (such as borders around buttons or boxes) without changing the contrast of the screen itself. </li> <li> <strong> Reduce transparency </strong> : Replace the transparent effect used on some backgrounds in OS X with a darker background, to improve contrast and readability. </li> <li> <strong> Display contrast </strong> : Increase the screen contrast. </li> <li> <strong> Cursor size </strong> : Increase the size of the pointer. </li> </ul> <p> To quickly set some display options, press Option-Command-F5. </p> <p> You can enable keyboard shortcuts for inverting colors and changing the contrast in the Accessibility section of the Shortcuts pane of Keyboard preferences. To open the pane, choose Apple menu > System Preferences, select Keyboard, then select Shortcuts. </p> <h3> Fonts </h3> <p> The fonts used on this site are a default size, which allows you to make adjustments according to your preference. The following is the easiest way to change the font size for some common web browsers. </p> <h4> Internet Explorer </h4> <p> Select the “View” menu. Highlight “Text Size”. Default setting will be medium. By changing the settings between largest and smallest; the text displayed on the page will be modified. </p> <h4> Firefox </h4> <p> Select the “Tools” menu. Select “Options”. Select the “Content” tab. Change the “Default Font” and “Size” values (for more advanced options, select “Advanced” next to the “Size” value). Select the “OK” box, and the fonts should change on the browser. </p> <h4> Google Chrome </h4> <p> <a href="https://support.google.com/chrome/answer/96810"> <u> Change text, image, and video sizes (zoom) </u> </a> </p> <p> You can adjust the size of everything on the webpages you visit, including text, images, and videos. </p> <ol> <li> Select the Chrome menu (burger menu) on the browser toolbar </li> <li> Select “Settings.” </li> <li> Select “Show advanced settings.” </li> <li> In the “web Content” section, use the “Page zoom” drop-down menu to adjust the zoom. </li> </ol> <br> <h5> How to set zoom on your current page </h5> <p> Use the zoom options in the Chrome menu to make everything on a webpage larger or smaller. </p> <ol> <li> Select the Chrome menu (burger menu) on the browser toolbar. </li> <li> Find the “Zoom” section in the menu and choose one of the following options: 1.Select the plus sign (+) to make everything on the page larger. <ol> <li> You can also use the keyboard shortcuts “Ctrl” and “+” (Windows, Linux, and Chrome OS), or the Command Key (⌘) and “+” on a Mac. </li> <li> Select the minus sign (-) to make everything smaller. You can also use the keyboard shortcuts “Ctrl” and “–” (Windows, Linux, and Chrome OS), or the Command Key(⌘) and “–” on a Mac. </li> </ol> </li> </ol> <p> To go into full-screen mode, use the keyboard shortcuts F11 (Windows and Linux), or Command Key (⌘) – Shift-F on a Mac. If you’re using Chrome OS, you can also press the Maximize Window key (max window key) at the top of your keyboard. </p> <h5> How to set the font size for all webpages </h5> <p> You can adjust the size of text on webpages. </p> <ol> <li> Select the Chrome menu () on the browser toolbar. </li> <li> Select “Settings.” </li> <li> Select “Show advanced settings.” </li> <li> In the “web Content” section, use the “Font size” drop-down menu to make adjustments. </li> </ol> <p> Some websites prevent the browser from changing just text size. For those sites, Chrome won’t be able to adjust the font size. </p> <h4> Opera </h4> <p> <a href="http://help.opera.com/Windows/12.10/en/fonts.html" target="_blank"> <u> Opera information about fonts </u> </a> </p> <h5> Changing fonts </h5> <p> To specify how fonts in different parts of the browser and webpages are displayed, go to Settings > Preferences > Advanced > Fonts and select an item in the list, and select “Choose”. </p> <p> Note: You may have to enable “My fonts and colors” in Author mode or User mode to make font changes for webpage elements work. </p> <h5> Font size </h5> <p> If text appears too small on certain pages, increase the minimum font size to ensure readability. </p> <h5> Font color </h5> <p> Not all webpages clearly specify styling for all page elements. Use this preference setting to choose which colors to use, and whether links should be underlined in such cases. </p> <h5> Webpage fonts </h5> <p> Not all webpages clearly specify styling for all page elements. To choose which fonts to use in these cases, go to Settings > Preferences > webpages. </p> <h4> Safari </h4> <p> <a href="http://help.apple.com/safari/mac/8.0/#/ibrw1068" target="_blank"> <u> Zoom in on webpages </u> </a> </p> <p> You can make text and images larger so they’re easier to view. </p> <ul> <li> Make the webpage content larger: Choose View > Zoom In, press the Command Key (⌘) – Plus Sign (+), or pinch open on your trackpad. To make only text larger, choose View > Zoom Text Only before you zoom in. </li> <li> To set a minimum font size for webpages: Choose Safari > Preferences, select Advanced, then select “Never use font sizes smaller than.” Select the pop-up menu and choose the minimum font size you want. </li> <li> Expand to full-screen view: Select the green full-screen button (green dot) in the top-left corner of the browser window, or press Control-Command Key (⌘)-F. To return to standard view, move the pointer to the top-left corner of the screen, then click the green full-screen button again, or press Control-Command Key (⌘)-F. </li> </ul> <br> <h3> Keyboard Shortcuts </h3> <ul> <li> <a href="http://webtools.ca.gov/web-content/web-accessibility/browsers/keyboard-shortcuts-for-internet-explorer/http:/webtools.ca.gov/web-content/web-accessibility/browsers/keyboard-shortcuts-for-internet-explorer/"> <u> Internet Explorer keyboard shortcuts </u> </a> </li> <li> <a href="http://webtools.ca.gov/web-content/web-accessibility/browsers/keyboard-shortcuts-for-firefox/http:/webtools.ca.gov/web-content/web-accessibility/browsers/keyboard-shortcuts-for-firefox/"> <u> Firefox keyboard shortcuts </u> </a> </li> <li> <a href="http://webtools.ca.gov/web-content/web-accessibility/browsers/keyboard-shortcuts-for-chrome/http:/webtools.ca.gov/web-content/web-accessibility/browsers/keyboard-shortcuts-for-chrome/"> <u> Chrome keyboard shortcuts </u> </a> </li> <li> <a href="http://webtools.ca.gov/web-content/web-accessibility/browsers/keyboard-shortcuts-for-safari/http:/webtools.ca.gov/web-content/web-accessibility/browsers/keyboard-shortcuts-for-safari/"> <u> Safari keyboard shortcuts </u> </a> </li> </ul></div> </div></div> </div></div> </div> </div> </div>  <footer id="footer" class="global-footer"> <div style="padding-bottom: 10px; color: white;"> <a href="#head-search">Back to Top</a>&emsp; <a href="/Accessibility">Accessibility</a>&emsp; <a href="/accessibility-certification">Accessibility Certification</a>&emsp; <a href="/Conditions-of-Use">Conditions of Use</a>&emsp; <a href="/Contact-Us">Contact Us</a>&emsp; <a href="/Tips-for-Using-Adobe-PDF-Files">Get Free Reader</a>&emsp; <a href="/Notice-on-Collection">Notice on Collection</a>&emsp; <a href="/Privacy-Policy">Privacy Policy</a>&emsp; </div>   <div class="copyright"> <span id="dnn_dnnCOPYRIGHT_lblCopyright" class="Copyright">Copyright © 2024 State of California</span> </div>  </footer>  <div class="decoration-last"> </div> </div><script src="/Portals/_default/Skins/CaGov-SantaBarbara - Partner//js/cagov.core.js"></script> <script src="/Portals/_default/Skins/CaGov-SantaBarbara - Partner//js/common.js "></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-77698819-4', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en', gaTrack: true, gaId: 'UA-77698819-4'}, 'google_translate_element'); } </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <input name="ScrollTop" type="hidden" id="ScrollTop" /> <input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off" value="`{`trackLinks`:`false`,`__scdoff`:`1`,`sf_siteRoot`:`/`,`sf_tabId`:`1157`,`evoq_TabId`:`1157`,`evoq_PageLanguage`:`en-US`,`evoq_ContentItemId`:`-1`,`evoq_UrlReferrer`:``,`evoq_UrlPath`:`http%3a%2f%2fwww.cdss.ca.gov%2faccessibility`,`evoq_UrlQuery`:`%3fTabId%3d1157%26language%3den-US`,`evoq_ContentItemReferrer`:`-1`,`evoq_PersonalizedUrlReferrer`:`-1`,`evoq_DisableAnalytics`:`False`}" /> <input name="__RequestVerificationToken" type="hidden" value="4alpo0Nk9W1cUsiZBfyjC7rCSCGsgG9D8pZBGqcHtMTpgBbd-JRW6HHWjh6DTwXKcaYgyA2" /> </form>  </body> </html>

CINXE.COM

Accessibility